Javascript jQuery UI选项卡加载选项卡中的特定链接

我只想加载选项卡中某个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>

$（函数（）{
$（'#制表符'）。制表符({
加载：函数（事件、用户界面）{
$（'a'，ui.panel）。单击（函数（）{
变量tabId=$（'#tabs'）。tabs（'option'，'selected'）；
$（'#tabs'）.tabs（“url”，tabId，this.href”）.tabs（“load”，tabId）；
返回false；
});
}
});
}); 

标签页

    <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() {

与

---

尽管如此，我还是建议您使用

类

来选择导航div，而不是使用

id

，因为您可能会得到重复的

id

s，这可能会导致以后出现问题。

您确定

ui.panel

是对dom元素/jqueryized元素的引用吗？现在是否可以让页面滚动回选项卡顶部？

$（'html'）。滚动顶部（0）

before

返回false应该这样做。不过，我不确定除了Firefox和IE8之外，这是否适用于其他任何东西。
$('#navi a', ui.panel).click(function() {