未捕获的异常:无法在初始化之前调用选项卡上的方法

时间:2012-12-11 12:20:05

标签: javascript jquery

我使用以下代码更改了

上的标签颜色
  $("ul.tabs").tabs("> .pane");

但它正在抛出错误

未捕获的异常:在初始化之前无法在选项卡上调用方法;试图调用方法'> .pane',有人可以帮我解决这个错误吗?

3 个答案:

答案 0 :(得分:10)

除了例外之外,它非常直接。必须先初始化选项卡,然后才能对其进行操作。所以初始化它们。

function(){
$("ul.tabs").tabs();
}

或仅使用

$("ul.tabs").tabs().tabs($("div.panes > div"), action);

答案 1 :(得分:3)

我不知道您希望使用此代码得到什么,但这是错误的。 您不应将选择器作为.tabs()方法的属性传递。 请查看jQuery UI Tabs API了解如何使用它。

答案 2 :(得分:0)

您的初始化无效。 ("> .pane")参数部分试图调用tabs命名空间中的方法,这当然不存在。

你也在包含列表(ul)的div上初始化tabs方法,而不是ul本身。

假设html-structure:

<div id="tabs">
  <ul>
    // the list items
  </ul>
    // tab content divs (all with class="pane")
</div>

这样的事情:

$('#tabs').tabs();
$('#tabs li').bind('click', function() {
   // change bg color to 'teal' of all divs with class name '.pane' inside #tabs div
   $('#tabs').find('.pane').css('background-color', 'teal');
});

详细了解jqueryui.com/tabs