Javascript jQuery只能在每次页面加载时执行一次

我的jQuery脚本是当您单击按钮时我的网站的弹出窗口。 按钮在表中，在foreach循环中。那里一切正常。 问题是，如果我单击产品1，弹出窗口会正常工作，但当我关闭窗口并尝试再次弹出时，它不会工作。如果刷新页面，它将再次工作。似乎每个按钮只工作一次，然后我需要刷新页面

jQuery脚本如下所示：

;
            (function ($) {
                // DOM Ready
                $(function () {
                    // Binding a click event
                    // From jQuery v.1.7.0 use .on() instead of .bind()
                    $('.wiki-button').bind('click', function(e){
                    var $tr = $(e.currentTarget).closest('tr'), 
                    $content = $tr.find('#wiki-content');
                    $content.bPopup();
                    });
                });
            })(jQuery);

提前感谢：

编辑：

谢谢你的回答。剩下的代码你可以看看这个pastebin代码！ 使用以下命令

$(document).on('click','.wiki-button', function(e){

---

我想你是在重复id wiki的内容

---

很抱歉添加为答案。

那么，您是否阅读了您复制的评论？关于.on和.bind的事情？你试过了吗？另外，请确保在单击按钮后检查控制台，我99%确定会出现错误…听起来bPopup设置了一些标志，这些标志在弹出窗口关闭时不会更新。我不熟悉这个插件，但是有没有一个显式的close方法或者类似的东西？您可能需要查看该方法中的操作，并将其与您关闭弹出窗口时的操作进行比较。您的观点是什么？在上使用是一项建议，而不是一项要求。是否动态添加和删除wiki按钮元素？是否可以在浏览器控制台上检查是否有任何报告的错误？在说这是解决方案之前，我们应该了解这些元素是否是动态添加的。是的，我知道，但这在所有情况下都会起作用，他/她只是想快速完成工作，这就是他来到stackoverflow的原因。如果问题与动态元素无关，那么这不会比原始代码更好。是的，我同意。。这里还有更多内容-查看代码的其余部分会很有帮助，或者至少足以看到问题的根源。@DavidKirby，我用一个指向循环代码的pastebin链接更新了主帖：