将JavaScript添加到动态（插件生成）元素

Question

我有一个已下载的插件，可在点击图片时动态添加元素到页面。我正在尝试将一些JavaScript（slideUp()）添加到其中一个新添加的元素中，但它不起作用：

<script type="text/javascript">
    $('.image').imageClick({ 'fadeSpeed': 1000, 'targetHeight': 210 });
    $(".container").mouseover(function() {
        $(".overlay").hide().slideUp();
    });
</script>

我该如何做到这一点？

Answer 1

使用on将为您解决此问题：

$(document).on('mouseover', '.container', function() {
    $(".overlay").hide().slideUp();
});