事件处理程序无法监视文档加载后注入HTML的元素
Event handler cannot watch for elements injected into HTML after document loads
我正在用Javascript编写一个应用程序。不用说太多细节,我有一个带有棋盘的游戏(实际上只是一个HTML表(。用户通过点击s与板进行交互,因此我在$(document(.ready((中有一个点击事件监听器。事件处理程序通过更改几个变量/对象等的状态来更新板,然后调用layoutBoard,它读取所有这些对象的状态并填充。
我遇到的问题是,我的事件处理程序没有监视新中的s,这意味着不再检测到单击事件。我如何将事件处理程序引导到新的s或以其他方式继续检测板上的点击?这是我的代码:
$(document).ready(function(){
layoutBoard();
$("td").click(
function() {
movePiece($(this));
}
);
});
function movePiece(clickedCell){
//do stuff
layoutBoard();
}
function layoutBoard(){
$("#board").empty();
//recreate board and new <td>s
}
用于事件委派
$(document).on("click","td",function(){
movePiece($(this));
});
最好是委托给最近的静态父容器。。。
像
$('#tableID').on("click","td",function(){
movePiece($(this));
});
$("body").on("click", "td", function() {
movePiece($(this));
})
使用此绑定动态事件处理程序
相关文章:
- 在包含脚本的地方注入HTML
- 如何使用HtmlWebpackPlugin将已编译的Stylus捆绑包注入html文件
- 注入html标记<ul></ul>在我的<李></李>元素
- 将外部Javascript文件注入html页面并在其上执行方法WP8 Webbrowser
- PHP 变量包含 HTML 和 JavaScript.通过JavaScript将其注入HTML不起作用
- 有没有办法将 css 文件或 javascript 文件动态注入 HTML 文档的 head 标签中
- 将JavaScript注入HTML中,同时绕过Rails Sanitize
- 使用 Directive 通过指令注入 HTML,使用 AngularJS 进行数据绑定
- 通过javascript注入HTML脚本
- 需要样式表并用browserfy将它们作为链接标记注入html
- 如何防止注入(html,php)
- Jquery函数未启动(在第二刻注入html)
- 如何将代码从一个文本文件注入HTML页面
- 如何从列表中将数字注入HTML
- 在查看小部件加载模式标记后注入html
- 在动态Web页面中注入Html代码
- 在聚合物中注入html,包括数据绑定
- 事件处理程序无法监视文档加载后注入HTML的元素
- 注入html时,Angularjs的绑定不起作用
- 在找到的字符串后面注入HTML并保留原始HTML