jquery - 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”下，“Click Radio”和“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);