Question

当我在选项卡上加载新页面时，包含在$（）内的jquery脚本不会被触发。有没有更好的解决方案。

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="ajax_page.html">Ajax Tab 1</a></li>

    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
    </div>
</div>

第二个标签从服务器获取内容。 ajax_page在$（function（）{中有一个jquery脚本 $（＃ID）.dialog（）; //这不会被加载，因为这是文档就绪事件。 //我想不会在标签中触发......

}）; THnks COOOL

Answer 1

您可以将脚本从ajax_page移动到主标签页，然后使用标签加载方法，该方法将在页面加载到标签页后调用

e.g

$('.selector').tabs({
   load: function(event, ui) { 
     //check tab index is 1 (ajax_page)
     if ( $tabs.tabs('option', 'selected') === 1 ){
         //your script for ajax_page here
     }
   }
});

jquery tab ajax正在加载新页面

1 个答案: