0

我目前正在使用 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”都应该加载他们的页面 -从“投资组合”中显示的当前内容的位置。

知道我哪里出错了吗?今天把我的头搞砸了。。

4

1 回答 1

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);
于 2013-01-28T18:39:09.913 回答