Question

我使用ajax加载页面（example.html）。我有两个按钮：一个用于ajax加载功能，另一个用于加载内容。但它没有反应。我试着用：

    $(document).ready(function(){
    $("#load")
        .click(function(){
        $("content").load("example.html");
    });
        $("#example_content").load(function(){
                  // some actions to loaded page 
});

Answer 1

jQuery加载函数与事件挂钩函数不兼容，因此第二个.load调用将期望接收类似url的字符串，以向服务器发出新请求以获取更多数据（链接http://api.jquery.com/load/ ）。

如果你想对加载到div中的内容做些什么，我建议你使用ajax方法，可以像这样使用：

$.ajax({

    //where is the data comming form? url
    url : "example.html",

    //what happens when the load was completed? the success function is called
    success : function(data){
         //add the content from the html to the div
         $("content").html(data.responseText);

         //do whatever else I want with the content that was just added to 'content'
        console.debug($('content')); // should show you all the html 
                                     // content written into that element 

        //my content specific funciton
        myFunction();
    }  
});

如果你想缩短方式，使用$ .get（url，success）函数可以帮助你，但是里面使用$ .ajax，所以你最好直接使用$ .ajax。

回顾：

1）.load是一个使用.get获取内容的函数。 http://api.jquery.com/load/

2）.get有一个成功函数，它将从给定url接收的内容写入目标元素。 http://api.jquery.com/jQuery.get/

3）.get是一个函数.ajax，它是jQuery ajax功能的核心。 http://api.jquery.com/jQuery.ajax/

Jquery如何选择和使用ajax加载的元素

1 个答案: