Jquery ajax加载选项卡后的回调
如何将一些代码应用于ajax加载选项卡的内容? 我尝试在加载的内容中使用$(document).ready,但这阻止了css样式的加载(不知道为什么) 有回调函数吗?我是否应该以其他方式在加载的文档中使用$(document.ready)和样式Jquery ajax加载选项卡后的回调,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,如何将一些代码应用于ajax加载选项卡的内容? 我尝试在加载的内容中使用$(document).ready,但这阻止了css样式的加载(不知道为什么) 有回调函数吗?我是否应该以其他方式在加载的文档中使用$(document.ready)和样式 如果在加载的文档中使用$(document).ready就可以了,我是否还应该在其中包含对jquery及其插件的引用?您使用什么代码通过ajax加载内容?如果您使用像或这样的jQuery命令,那么我建议将代码放入回调函数中。例如,使用load $('#m
如果在加载的文档中使用$(document).ready就可以了,我是否还应该在其中包含对jquery及其插件的引用?您使用什么代码通过ajax加载内容?如果您使用像或这样的jQuery命令,那么我建议将代码放入回调函数中。例如,使用
load
$('#myUITab').load('anotherPage.html', function() {
// put the code you need to run when the load completes in here
});
你试过这个吗?当选项卡的内容已加载时,应调用此函数
通常,您不应该将加载的元素视为新页面并调用$(document).ready。这不是一个新页面,而是添加到DOM中的一些新元素。所有ajax方法都有一个回调方法,在成功加载数据时调用该方法。另一种方法是使用ajaxComplete:
$("#loading_comtainer").ajaxComplete(function( event,request, settings ){
alert("ajaxCompleted");
});
您可以使用tabsload事件 请参见以下示例中的工作原理:
$('#nav_tabs').tabs({
select: function(event, ui){
var url = $.data(ui.tab, 'load.tabs');
if (url == '?ak=/account/logout') {
//exclude the logout from using ajax
location.href = url;
return false;
}
return true;
},
}).bind('tabsload',function(event, ui){
alert('The tab is loaded. What now?');
});
jQuery UI“选项卡”提供回调方法。看看下面
$( "#tabs" ).tabs({
ajaxOptions: {
error: function( xhr, status, index, anchor ) {
$( anchor.hash ).html(
"error occured while ajax loading.");
},
success: function( xhr, status ) {
//alert("ajax success. "); //your code
}
}
});
我使用的是tab的方法:$('content').tabs('add','tabs/editor.php',data[I].nombre);加载事件应用于每个选项卡,我是否应该使用该事件并检索其中选定的选项卡以应用新代码?每个选项卡中都有不同的DOM,例如表或表单。我自己没有使用过该事件。查看是否可以从传递给回调方法的事件或ui参数加载选项卡。不幸的是,文档没有解释这些参数。使用选项卡的DOM可以工作,但这是一个“脏”解决方案。按照惯例,我认为event.target.id将是加载了内容的选项卡的id。使用firebug和console.log进行调查:)