php - jquery.ui.tabs.js 不会在 IE9、Chrome 中加载选项卡数据 - 在 Firefox 中工作得很好

Question

我在我的网站上遇到的问题很少，但我不知道如何解决这些问题。

请转至http://link.zambeel.ca/index.php/component/obituary/detail/52然后单击“照片”选项卡，它不会在 IE9 和 Chrome 中立即加载图像。我已经使用以下代码使其在 firefox 中工作:

var loadNextTab = function() {
if (indexesToLoad.length == 0) return;
var index = indexesToLoad.shift();
$("#tabs-1").tabs("load",index);
};

$("#tabs-1").tabs({
cache: true,
load: loadNextTab
});

请尽快帮我解决这个问题。

只是想让你们知道，我无论如何都不是程序员。

Answer 1

当我在 IE 9 上访问您在上面发布的 URL 时，它在错误控制台中抛出了以下错误。

无法获取属性“tabs”的值:对象为 null 或未定义

现在，如果您的 JavaScript 在 HTML 之前加载，通常会出现此错误。为防止这种情况，请将所有上述代码放在 ready 中。事件作为

$(document).ready(function() {
  // All code you posted above should come in here which initializes the tabs.
});