Ajax/jQuery链接未正确加载

Question

我目前正在使用jQuery/Ajax页面加载脚本，将我的网页放入div标签中(而不是每次都刷新页面)。

我刚刚开始注意到，加载的页面中的任何链接都不会在同一个div中显示它们的目的地？

想法：

主页上的链接1>加载到主内容div标签中>单击刚刚从链接1加载到主div标签中的内容上的另一个链接。但是现在，它只是将其作为新页面打开。

示教/调用链接的方式是通过<ul id="style"><li>link</li></ul>标记。

来自非链接工作页面的编码如下：

<ul id="t-endnav">

            <li><a href="lukeberry.php">Luke Berry</a></li><br />
            <li><a href="click.php">Click Radio</a></li>

</ul>

你可以在网站上找到：http://colourednoise.co.uk/site/22/chrome.php -页面在"Portfolio“下，”点击广播“和"Luke Berry”都应该加载他们的页面，而不是"Portfolio“中显示的当前内容。

你知道我哪里错了吗？今天我的头都要碎了。

Answer 1

通过AJAX加载的所有内容都需要在回调函数中将方法应用于新内容。示例：

$('#SomeDivWithLinks').load('whatever.php #DivToLoad',function(){
    $('a').on('click',function(e){
        e.preventDefault():
        alert('this totally superworks');
    });
});

如果不在回调函数中执行，您的jQuery代码将永远不会看到能够被操作的新内容。

编辑:只要你的回调函数不需要参数，你可以像这样拥有它：

function doSomething() {
    alert('happy times!');
}

$('#SomeDivWithLinks').load('whatever.php #DivToLoad',doSomething);