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 将事件绑定(bind)到按钮，则需要在复制过程中绑定(bind)事件才能使其正常工作。

或者使用 $(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/

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