Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ajax加载选项卡后的回调_Jquery_Jquery Ui_Jquery Ui Tabs - Fatal编程技术网

Jquery ajax加载选项卡后的回调

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

如何将一些代码应用于ajax加载选项卡的内容? 我尝试在加载的内容中使用$(document).ready,但这阻止了css样式的加载(不知道为什么)

有回调函数吗?我是否应该以其他方式在加载的文档中使用$(document.ready)和样式


如果在加载的文档中使用$(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进行调查:)