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

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

使用event.prevent默认值：

编辑：关于您的评论–只需：

使用event.preventDefault：

编辑：关于您的评论–只需：

---

发布我的代码供您参考：

<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>

---

发布我的代码供您参考：

<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>

---

感谢您的快速回答：-，但禁用默认事件将导致我选择的选项卡不显示。我需要显示从初始加载检索到的内容，只是想防止它再次从服务器请求内容。非常感谢。感谢您的快速回答：-，但禁用默认事件将导致我选择的选项卡不显示。我需要显示从初始加载检索到的内容，只是想防止它再次从服务器请求内容。非常感谢你。

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

<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>