在已加载div元素后，使用jquery将其加载到div元素

我有一个页面，使用jquery和一个简单的导航菜单加载其内部内容。因此，该页面只有一个定期访问的URL。我的问题是，我似乎无法从加载的div中获取内容来修改“that”特定div。例如，我的jquery loader函数就是这样的：

$(document).ready(function(){

// load index page when the page loads
$("#response").load("start.html");
$("#home").click(function(){
// load home page on click
    $('#response').load('start.html', function() {
        resizefunc();
    });
});
...

---

如果我在其中一个加载的页面中创建了一个元素，该元素通过该加载函数的id链接到#，单击它只会将焦点移回页面顶部，而不是重新加载我的“response”div.

，因为这些导航元素（即

#home

）最初并不存在，将这些事件绑定到

ready

上对您没有好处。您需要绑定这些相同的事件，或者从父元素绑定它们

通过进行以下简单测试，可以很容易地证明这一点：

alert($("#home").length);

将发出警报

0

---

试试这个解决方案

$(document).ready(function(){
    $("#response").load("start.html");
    $("#home").live("click", function(){
        $('#response').load('start.html', function() {
            resizefunc();
        });
    });
});

或

---

使用

live

或

delegate

将此选择器绑定到单击而不是常规单击事件，将允许分配的功能存在于当前存在和将来可能存在的所有选定元素中。

因为这些导航元素（即

#home

）最初不存在，将这些事件绑定到

ready

上对您没有好处。您需要绑定这些相同的事件，或者从父元素绑定它们

通过进行以下简单测试，可以很容易地证明这一点：

alert($("#home").length);

将发出警报

0

---

试试这个解决方案

$(document).ready(function(){
    $("#response").load("start.html");
    $("#home").live("click", function(){
        $('#response').load('start.html', function() {
            resizefunc();
        });
    });
});

或

---

使用

live

或

delegate

将此选择器绑定到单击而不是常规的单击事件，将允许分配的函数存在于当前存在和将来可能存在的所有选定元素中。

这正是我要寻找的。谢谢你的快速回复。。。太快了，我无法选择它作为正确答案。我5分钟后结账。这正是我要找的。谢谢你的快速回复。。。太快了，我无法选择它作为正确答案。我5分钟后结账。