jQuery UI选项卡beforeLoad preventDefault不起作用

时间:2013-10-30 08:41:53

标签: javascript jquery jquery-ui jquery-ui-tabs

jQuery UI标签中e.preventDefault()事件的beforeLoad()无法正常工作。 以下是一个小例子:

<div id="tabs">
    <ul>
        <li><a href="#exampleExistingTab">Existing Tab</a></li>
        <li><a href="/path/to/remote/tab">Remote Tab</a></li>
    </ul>
    <div id="#exampleExistingTab"><h3>Hello There!</h3></div>
</div>
<script type="text/javascript">
    $('#tabs').tabs({
        beforeLoad: function (e, ui) {
            e.preventDefault();
        }
    });
</script>

当然这不是真正的脚本,只是一个显示错误的例子。我认为永远不应该加载远程选项卡,但是每次单击“远程选项卡”时都会触发ajax请求(之前它没有激活)。

任何人都知道这个问题或如何解决这个问题?

测试:Mozilla Firefox 24.0; jquery 1.10.2; jqueryUi 1.10.3

1 个答案:

答案 0 :(得分:4)

我不确定e.preventDefault()在这种情况下是这样的。

由于“ui”参数有一个jqXHR对象,你试过吗:

ui.jqXHR.abort();