javascript - 使用 jquery 在克隆的 div 内部绑定(bind)操作

Question

我的索引页有一些记录，其中每条记录都有一个或多个与之关联的图像。

在记录描述下有图像缩略图列表。我将 onclick 事件绑定(bind)到 js 函数，该函数在 div showImage 中以不同的高度克隆该图像。

没关系。

现在我需要使用灯箱在全屏模式下打开 showImage div id 中的克隆图像。 这是我现在拥有的代码(它可以工作但没有全屏实现)

<script type="text/javascript">
    function onPopUp() {
        var imageObject = $("img.details").first();
        var clonedObj = $(imageObject).clone();
        clonedObj.height("250px").width("300px");
        clonedObj.appendTo($("div#showImage"));

        $(".details").click(function (event) {
            //clone the clicked image
            var clone = $(this).clone();
            clone.height("250px").width("300px");
            //place it in the placeholder
            $('div#showImage').html(clone);
        });
    }

后端代码是 asp.net mvc3，但我认为这在这里并不重要。出于示例目的，您可以使用 html 和 css 向我展示。 谢谢

更新:为简单起见，我想将 onclick 绑定(bind)到 showImage div 中的克隆图像的操作可以是警报消息。

Answer 1

您想对在DOM 之后创建的元素进行事件点击，在这种情况下您想要使用:

$('#cloned').bind('click', function() {
  alert('User clicked on "cloned element."');
});

Here you have more information.