Question

我的网站是基于ajax的。我有一些id = content的div，它由.get动态生成 - request（来自jquery）。问题是内部内容有链接：<a href="site.com/#some_hash">text</a>，它应该重新加载应用于some_hash逻辑的页面。如何点击此类链接并重新加载页面？

$('.content a').bind('click', function() {
   alert('Clicked!');
});

这不会提醒。

Answer 1

我认为你应该在（）http://api.jquery.com/on/

上使用jquery

$(document).on('click', '#content a', function() {
    YOUR FUNCTION
});

Answer 2

当前代码不起作用的原因是jQuery“bind”只运行一次 - 当页面加载时。因此，在此之后添加到DOM的链接没有绑定到它们的事件。

要解决此问题，您可以在jQuery中使用.on（）方法。

$(document).on('click', '#content a', function() {
    YOUR FUNCTION
});

您也可以使用.live（） - 但现在已弃用。

<强>然而 Ajax有一套庞大且完善的设计模式，虽然我不打算制作整个网站的优缺点，但我强烈建议你看看为这种功能制作的插件： / p>

这些将为你提供很多这样的东西，开箱即用，让你专注于其他事情。

Ajax站点和哈希链接

2 个答案: