jQuery UI选项卡';加载前';事件未触发

jQuery UI选项卡';加载前';事件未触发,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我使用的是jQueryUI选项卡,需要延迟加载这些选项卡。但我想在加载之前对url做一点小小的更改 查看文档,它看起来正是我想要的,但我无法触发它,正如您在本例中看到的: HTML <div id="tabs"> <ul> <li><a href="/echo/html">Foo</a></li> <li><a href="/echo/html">Bar<

我使用的是jQueryUI选项卡,需要延迟加载这些选项卡。但我想在加载之前对url做一点小小的更改

查看文档,它看起来正是我想要的,但我无法触发它,正如您在本例中看到的:

HTML

<div id="tabs">
    <ul>
        <li><a href="/echo/html">Foo</a></li>
        <li><a href="/echo/html">Bar</a></li>
    </ul>
</div>​

JS

$("#tabs").tabs({
    beforeLoad:function(e,ui){
      alert(1); // never happens       
    },
    show: function( e,ui ){
        $( ui.panel ).html('<p>Loading...</p>');
    }
});​
$(“#选项卡”).tabs({
加载前:函数(e、ui){
警告(1);//永远不会发生
},
显示:功能(e、ui){
$(ui.panel).html(“加载…”

”; } });​
现场演示:

为什么不触发

我正在使用jquery-1.7.2.js和jquery-ui-1.8.11.js


干杯。

加载前事件属于jquery ui 1.9

更新的演示:


“当远程选项卡即将加载时触发”,则在这两种情况下都应触发。
relevant, formatted code inline. umadbro?