ajax を介して読み込まれるすべての jQuery UI タブで Javascript が無効になっているようです。jQuery ツールチップと .click() アラートでこれをテストしています。Javascript は、ajax (ページに存在する ID) によって読み込まれないタブで正常に動作します。
タブを呼び出す方法は次のとおりです。
$(function() {
$('#foo-tabs').tabs(
{
heightStyle: 'content',
// Callback run when selecting a tab
beforeLoad: function(event, ui) {
// If the panel is already populated do nothing
if (ui.panel.children().size() > 0)
return false;
//load specific ID within target page
ui.panel.load($('a', ui.tab).attr('href') + $('a', ui.tab).attr('data-target'));
// stop the default process (default ajax call should not be launched)
return false;
}
}
);
});
アクティブ化しようとしているJavaScriptは次のとおりです。
$(function() {
$( '.activate-tooltip' ).tooltip();
});
そしてテスト:
$(function() {
$("h1").click(function() {
alert("zomg javascript works!");
});
});
ajax をロードしたすべてのタブで JavaScript を動作させる方法についてのアイデアはありますか? お時間を割いていただきありがとうございます。