仍然需要重新绑定?即使使用.on(),jquery操作?

时间:2014-02-27 22:18:06

标签: javascript jquery html ajax bind

我在一个页面上有许多不同的表单/按钮操作。

我有一个名为eg的文件" pageActions.js"

我将这个包含在body标签底部的页面中,如下所示:

<script src="/js/pageActions.js"></script>

对于我正在使用的所有按钮操作.on将它们绑定到页面:

    $(document).on('click','.commentson',function(){   
        $("#hideshow").attr("class", "commentsoff");
        $("#hideshow").prop('value', 'Turn Comments On');
    });

我的印象是,无论我在网页上使用ajax调用做了什么,这个按钮都会一直有效。

但是,我在页面上有一个ajax调用,在响应中我在容器上使用.load()。

在这个.load()之后,上面的按钮点击不起作用。如果在.load()之后,在ajax调用中我再次使用.on click方法,那么它可以正常工作。

这不会有问题,但是我有多个ajax调用,还有多个按钮/表单,最终会变得混乱。

.on不工作且元素NOT是否保持绑定到页面,如果它们位于调用了.load()函数的元素中?

还有另一种让按钮始终有效的方法吗?

或者......有没有办法实现&#34;重新实施&#34; ajax调用中的pageActions.js?

非常感谢!

0 个答案:

没有答案