一旦html加载了Ajax，就执行代码

Question

我希望在使用Ajax将html页面加载到我的页面时运行一些代码，如下所示：

$( ".content" ).load("game.html");

我想在html加载完成后执行操作，请问它是怎么做的？

谢谢！

Answer 1

$( ".content" ).load("game.html", function() {
    // add your code here
});

Answer 2

只需附加一个回调函数，

$( ".content" ).load("game.html", function(){
    //YOUR CODE TO EXECUTE
    alert('completed');
});

查看jQuery文档以获取更多信息，http://api.jquery.com/load/

Answer 3

如果您read the documentation on the .load() method，您将看到它允许您提供将在加载完成时调用的回调函数。

$(".content").load("game.html", function() {
    //put your code that you want to run here
});

Answer 4

你检查过jQuery文档吗？

http://api.jquery.com/load/

$('#result').load('game.html', function() {
  alert('Load was performed.');
});

Answer 5

您可以使用回调：

$( ".content" ).load("game.html",function(e){
    // use e, like $(e).find("#some-id")
});