我在一个页面上有许多不同的表单/按钮操作。
我有一个名为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?
非常感谢!