如何在一个jQuery UI选项卡中使用jQuery UI选项卡？

我正在使用jQuery UI选项卡（通过AJAX的内容）我需要做的是在我的一个选项卡中我希望其他简单的jQuery UI选项卡意味着（内容不通过AJAX）但它不起作用..请原谅，如果我做错了什么:(

 //these tabs are working fine 
 
<a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), 'abc') ?>">A
 
<a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), 'asd') ?>">B
 
<a href="https://stackoverflow.com/questions/15251524/how-to-use-jquery-ui-tabs-inside-one-jquery-ui-tab/url(array(), 'xyz') ?>">C
  

我在xyz控制器的视图中添加了以下代码，但它无法正常工作

  $(function() { $( "#tabss" ).tabs(); });  
 
 
Nunc tincidunt
 
Proin dolor
 
Aenean lacinia
 
 
 
abcd.......
 
 
 
xyz.......
 
 
 
abcd.......
 
content.......
  

我已经包括了所有这些

Answer 1

正如Kevin B指出的那样，您在xyz控制器中创建选项卡的脚本会立即执行。

当你点击’C’选项卡来加载这些数据时，documnent.ready事件就已经被触发了。文档暗示但是没有明确说明AJAX内容是延迟加载的，这意味着它没有在单击选项卡之前发出请求。 但是，如果您检查网络流量，您可以清楚地看到这种情况。

尝试更改“xyz”控制器的内容，以便在标签内容本身的所有HTML之后，使用标签设置标签。 像这样：

 
 
 
Nunc tincidunt
 
Proin dolor
 
Aenean lacinia
 
 
 
abcd.......
 
 
 
xyz.......
 
 
 
abcd.......
 
content.......
 
  

雅虎和其他几个消息来源建议不要在页面末尾放置任何页面脚本，即使你使用库来延迟执行到document.ready。 这是出于客户端性能原因。

Answer 2

我得到了解决这个问题的方法。

把脚本放在javascript中的页面加载函数中

  function pageLoad(sender, args) { $(document).ready(function () { $("#tabs").tabs(); }); } 

现在它的工作完美。