javascript - 在 html 中的一些 js 更改后，Javascript 中的按钮不起作用

Question

JS和jquery存在以下问题。在页面上发生的事件之一期间：

task = $("#id").html();
$("#video_id").html(task);
$("#id").html("");

之后，来自#id 的按钮在#video_id 中不起作用。

我已尝试将 #video_id 中的数据发送回旧位置并处理那里的事件

task = $("#video_id").html();
$("#id").html(task);
$("#video_id").html("");

但在那之后，#id 内的所有按钮都停止工作了。

转移到#video_id时如何正确处理任务中的元素？

Answer 1

如果您使用 jquery 将事件绑定到按钮，则需要在复制过程中绑定事件才能使其正常工作。

或者使用 $(document).on() 方法...

<div id="one"><button class="two">test</button></div>
<div id="three"></div>

$(document).on('click', '.two', function(){
    alert("test");
    var test = $('#one').html();
    $('#three').html(test);                
});

http://jsfiddle.net/5EwuX/7/

这会将事件绑定到动态添加到 DOM 的新元素。