.load()完成时的成功回调函数

Question

如何在.load成功后运行另一个函数？

我正在使用以下代码加载PHP文件：

$( ".sidebar-size" ).load( "<?php bloginfo('stylesheet_directory'); ?>/sidebar-short.php" );

当上述.load完成时，我希望运行另一个名为gaLinks的javascript函数，类似于使用.success或.complete的方式。

这是否可能？

- Francesca

Answer 1

是的，看看jQuery文档：

$("element").load(url, function( response, status, xhr ) {
    //execute your functions here...
});

此外，如果您想要全局回调，可以使用类似 这样的 方法：

$( document ).ajaxComplete(function( event, xhr, settings ) {
     //...
});

或者：

$.ajax({
   beforeSend: function(){
     // Handle the beforeSend event
   },
   complete: function(){
     // Handle the complete event
   }
   // ......
 });

- Victor

Answer 2

根据文档，你可以在.load()调用中包含回调函数。

$( ".sidebar-size" ).load( "<?php bloginfo('stylesheet_directory'); ?>/sidebar-short.php", data, function(responseText,textStatus,jqXHR ) { alert('foo'); } );

回调函数中弹出“foo”，您也可以检查函数变量以查看是否成功。 https://api.jquery.com/load/

- Zach Leighton