无法获取嵌套的jquery标签

以下是演示问题的完整示例脚本，内部标签公司/部门以列表形式出现而不是制表符。无法获取嵌套的jquery标签

编辑：我已经尝试过的人都认为这是什么内标签也应通过jQuery可以tabified但

它不工作
所有我所见过例如实例http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/nested.html使用jQuery选项卡调用的最高div。

代码：

<html> 
<head> 
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    //make tabs tabs 
    $('#top-tabs').tabs({selected: 2}); 
}); 
</script> 

</head><body> 

<div id="top-tabs"> 
    <ul> 
      <li><a href="/timeapp/home">Home</a></li> 
      <li><a href="/timeapp/timecard">Timecard</a></li> 
      <li><a href="#tab-selected">Config</a></li> 
    </ul> 

    <div id="tab-selected"> 
    <ul> 
       <li><a href="#inner-tab-selected">Company</a></li> 
       <li><a href="/timeapp/config/department">Department</a></li> 
    </ul> 
    <div id="inner-tab-selected">ok this is a company</div> 

    </div> 
</div> 

</body></html>

来源

2009-09-16 Anurag Uniyal

我在jQuery论坛发布了问题，并且got the answer。

原因是应该在所有内部标签上调用elem.tabs()，我给出的例子是通过使用jQuery选择器来实现的，例如， $('#container ul').tabs()，所以这里是修改的工作脚本：

<html> 
<head> 
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    //make tabs tabs 
    $('#top-tabs').tabs({selected: 2}); 
    $('#low-tabs').tabs({selected: 1}); 
}); 
</script> 

</head><body> 

<div id="top-tabs"> 
    <ul> 
      <li><a href="/timeapp/home">Home</a></li> 
      <li><a href="/timeapp/timecard">Timecard</a></li> 
      <li><a href="#tab-selected">Config</a></li> 
    </ul> 

    <div id="tab-selected"> 
    <div id="low-tabs"> 
    <ul> 
       <li><a href="#inner-tab-selected">Company</a></li> 
       <li><a href="/timeapp/config/department">Department</a></li> 
    </ul> 
    <div id="inner-tab-selected">ok this is a company</div> 
    </div> 
    </div> 
</div> 

</body></html>

来源

2009-09-18 11:16:25

如果这是你的整个文件，那么问题是，你不告诉它“标签，选择”分区应该是标签。我没有测试过，但增加了一个：

$('#tab-selected').tabs();

可能会做的伎俩。

来源

2009-09-16 13:41:30 Patricia

+1你比较接近，但不是确切的。 – 2009-09-18 11:17:54

无法获取嵌套的jquery标签

回答

相关问题