我目前正在使用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”中显示的当前内容。
知道我哪里出错了吗?今天我的头脑变成了碎片。
答案 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);