javascript - Jquery点击功能不起作用？

Question

我有一些 Html 代码如下

<div class="dropzone-previews" id="dropzonePreview"></div>

在上面的 div 中，经过一些处理后，我通过 j 查询代码创建了更多 div。下面的 div 我是由 jquery 动态创建的

<div class="dz-preview dz-processing dz-image-preview dz-complete">
<a class="dz-cover" href="javascript:undefined;" data-id="73" data-dz-cover="">Make Cover</a>
</div>

所以现在的代码看起来像通过检查元素

<div class="dropzone-previews" id="dropzonePreview">
    <div class="dz-preview dz-processing dz-image-preview dz-complete">
    <a class="dz-cover" href="javascript:undefined;" data-id="73" data-dz-cover="">Make Cover</a>
    </div>
</div>

我为点击事件编写了一些j查询代码Make Cover我的代码如下

$(document).ready(function () {
    $('a.dz-cover').click(function () {

       alert('dddd');
    });
});

但是当我点击什么都没有发生时，我的 j 查询代码无法正常工作，我在错误的地方做了什么

Answer 1

由于您尝试单击的元素在准备好的文档中不存在，因此您必须使用 .on() 来选择它。

http://api.jquery.com/on/

就你的情况

$( "#dropzonePreview" ).on( "click", "a.dz-cover", function() {
  console.log( $( this ).text() );
});