javascript脚本标签和ajax问题

Question

我在我的网站上使用ajax进行导航，但我的页面中的脚本标签出现问题。 （我的应用程序是一个Rails应用程序，但我不认为这会产生影响）

例如，我的页面上有一个按钮：

<button id="alert">click here</button>

在底部：

<script>
    $("#alert").click(function() {
        alert("hi there")}
    );
</script>

第一次进入页面时，按钮工作正常。然后，我点击Ajax站点上的几个链接，返回到使用Ajax调用的页面，它不再起作用了。我之前听说'Ajax剥离标签'或其他东西，但没有提出解决方案。

eval()会有效吗？听说它可能会这样做。我该如何实施？我已经在这几天工作了，看起来很奇怪，没有简单的工作。

Answer 1

委派您的活动

$(document).on('click', "#alert",function()
      {alert("hi there")}
 });

理想情况下，如果不将事件绑定到Document，则会更好。尝试将事件绑定到最接近的静态元素。