Ajax / jQuery链接无法正确加载

时间:2013-01-28 18:30:06

标签: jquery html css ajax

我目前正在使用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 - 该页面位于“投资组合”下,同时还包含“Click Radio”和“ “Luke Berry”应该将其页面加载到“Portfolio”中显示的当前内容。

知道我哪里出错了吗?今天我的头脑变成了碎片。

1 个答案:

答案 0 :(得分:2)

通过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);