将内容div放在jQuery UI ajax选项卡上方

我们试图将内容div放在jQuery UI ajax选项卡上方。 Ajax的jQuery UI会自动创建div s，其ID为ui-tabs-1,ui-tabs-2等。并将div放置在UI选项卡列表下方。我想要通过标签上方的ajax获取内容。将内容div放在jQuery UI ajax选项卡上方

脚本 -

<script> 
$(function() { 
    $("#tabs").tabs({ 
     beforeLoad: function(event, ui) { 
      ui.jqXHR.error(function() { 
       ui.panel.html(
        "Couldn't load this tab. We'll try to fix this as soon as possible. " + 
        "If this wouldn't be a demo."); 
      }); 
     } 
    }); 
}); 
</script>

HTML -

<div id="content"></div> <!-- i would like the content to be displayed here--> 

<div id="tabs"> 
<ul>  
    <li><a href="content1.html">Tab 1</a></li> 
    <li><a href="content2.html">Tab 2</a></li> 
    <li><a href="content3-slow.php">Tab 3 (slow)</a></li> 
    <li><a href="content4-broken.php">Tab 4 (broken)</a></li> 
</ul> 

</div>

我应该怎么办？

来源

2013-03-13 Sagar Raj

使用create事件的jQuery UI选项卡：

$("#tabs").tabs({ 
    create: function (event, ui) { 
     $('.ui-tabs-panel').prependTo('.ui-tabs-nav'); 
    } 
});

DEMO：http://jsfiddle.net/Xh8nc/1/

来源

2013-03-13 13:33:18 iappwebdev

科瑞格状

<div id="content"> 
<div id="uitabs-1"> 
</div> <!-- i would like the content to be displayed here--> 

<div id="tabs"> 
<ul>  
    <li><a href="content1.html">Tab 1</a></li> 
    <li><a href="content2.html">Tab 2</a></li> 
    <li><a href="content3-slow.php">Tab 3 (slow)</a></li> 
    <li><a href="content4-broken.php">Tab 4 (broken)</a></li> 
</ul> 

</div>

来源

2013-03-13 13:29:44

将内容div放在jQuery UI ajax选项卡上方

回答

相关问题