这个问题在这里已经有答案了:
动态创建的元素上的事件绑定(23个答案)
所有jquery事件都应该绑定到$(document)吗(4个答案)
jquery事件委派(1个答案)
两年前关门了。
我的网站上有一个数据电子表格,是从数据库加载的,结果如下:
<table>
<tbody id="tbody">
<tr>
<td><button>Edit</button></td>
<td><button>Delete</button></td>
<td>First Name</td>
<td>Last Name</td>
...
</tr>
</tbody>
</table>
用户向下滚动时会显示更多的内容(行),这是通过ajax实现的,如下所示:
$(document).ready(function(){
/*Get more clients on scroll*/
var clientCount = 33;
$(window).scroll(function(){
var leftToBottom = $(document).height() - $(window).height() - $(window).scrollTop();
if( leftToBottom == 0) {
clientCount = clientCount + 11;
$("#tbody").load("loadClients.php", {
clientNewCount : clientCount
});
}
});
});
但是,每一行数据都有类似于打开模式的编辑按钮、删除按钮、多重删除选择等等,这些都是通过jquery/js操作的。
这个问题让我知道该怎么做,但我无法将它应用到我的代码中:在ajax加载的内容上运行jquery脚本
有人建议使用ajaxcomplete()函数,但这意味着jquery代码只有在ajax内容完成后才能工作(duh)。
除了使用$(document).ajaxcomplete()函数外,我还能做些什么来将jquery代码应用到新的ajax内容?
问题是,在用户向下滚动以获取更多内容之前,jquery代码不会工作。因此,用户不能编辑、删除或选择任何数据,除非他们一直向下滚动以获取新内容。
请问,如何将jquery应用于ajax调用之前和之后的内容?
目前我在这两个文档中都包含jquery脚本;原始文档和加载的内容。我肯定这不是正确的方法,但目前它正在发挥作用。
p、 jquery代码包含许多click事件、preventdefaults和其他打开和关闭modals的基本代码。
暂无答案!
目前还没有任何答案,快来回答吧!