jQuery UI 选项卡 beforeLoad preventDefault 不起作用

Question

不知何故，jQuery UI 选项卡中beforeLoad() 事件上的e.preventDefault() 不起作用。 这是一个小例子：

<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

Answer 1

我不确定 e.preventDefault() 在这种情况下是否会这样工作。

既然“ui”参数有一个jqXHR对象，你有没有尝试过：

ui.jqXHR.abort();