动态创建选项卡时如何禁用重新加载？

Question

我使用 jQuery 动态创建选项卡，但每次单击一个选项卡时，它都会再次重新加载目标 URL。 我应该如何禁用重新加载行为，除非我希望它再次重新加载？ 多谢。

Answer 1

使用event.preventDefault()：

$('a.tab').click(function(event) {
    event.preventDefault(); // this is the key
    // your code here
});

编辑：关于您的评论 - 只需将缓存设置为true：

$(document).ready(function() {
    $apTabs = $("#apTabs").tabs({
        // ...
        cache: true, // this does the magic
        // ...
    });
});

Answer 2

$('#tabs').click(function(){
  // code
  return false;
});

Answer 3

贴出我的代码供大家参考：

<script>
    $(document).ready(function () {
        $apTabs = $("#apTabs").tabs({
            ajaxOptions: { async: true },
            cache: false,
            add: function (event, ui) {
                //immdeiately select the new created one
                $apTabs.tabs('select', '#' + ui.panel.id);
            }
        });
    });
</script>

<div id="apTabs">
    <ul>
        <li></li>
    </ul>
    <div></div>
</div>