Javascript 委托不处理克隆对象

我在jquery中使用委托时遇到了一个奇怪的问题

HTML:

但是，上面的代码仅适用于原始的

a

标记（，不适用于克隆对象）

---

代码怎么了？您能帮助我吗？

您需要将处理程序绑定到

#workbenches

（或

#workbenches.carousel inner

），因为

.workbench

对象是动态创建的。即使在事件中，对处理程序的委托也应该添加到静态元素中

$('#workbenches').delegate('.workbench a', 'click', function() {
    alert('hello');
});

<script type="text/javascript">
    $(document).ready(function() {
        var workbenchObject = $('.carousel-inner .item');
        workbenchObject.clone().prependTo('#workbenches .carousel-inner').removeClass('active');
        workbenchObject.clone().appendTo('#workbenches .carousel-inner').removeClass('active');
    });
</script>

<script type="text/javascript">
    $('.workbench').delegate('a', 'click', function() {
        alert('hello');
    });
</script>

$('#workbenches').delegate('.workbench a', 'click', function() {
    alert('hello');
});