我只想加载选项卡内某个 div 内的链接,否则它应该直接转到实际链接。
我目前使用的代码将所有链接加载到同一个选项卡中的内容中
<script type="text/javascript">
$(function(){
$('#tabs').tabs({
load: function(event, ui) {
$('a', ui.panel).click(function() {
var tabId=$('#tabs').tabs('option', 'selected');
$('#tabs').tabs("url", tabId, this.href).tabs("load",tabId);
return false;
});
}
});
});
</script>
标签页
<div id="sresults" style="width: 520px">
<div id="tabs">
<ul>
<li><a href="mylink.html">Songs</a></li>
<li><a href="mylink.html">Albums</a></li>
<li><a href="mylink.html">Videos</a></li>
<li><a href="mylink.html">Entire Blog</a></li>
</ul>
</div>
</div>
然后是标签内的页面
<div id="content">
<a href="permalink.html">My links</a>
</div>
<div id="navi"><a href="tab?page=2">Next Page</a>
</div>
我希望 navi div 内的链接加载到选项卡内,但外部的所有链接都应转到实际链接
最佳答案
我猜您只想加载选项卡内的导航链接。
如果是,就替换
$('a', ui.panel).click(function() {
与
$('#navi a', ui.panel).click(function() {
不过,我建议您使用 class
来选择您的导航 div,而不是使用 id
,因为您最终可能会得到重复的 id
s,这可能会在以后引起问题。
关于javascript - jQuery UI Tabs 在选项卡中加载特定链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1517023/