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>

我为点击事件Make Cover编写了一些j查询代码，我的代码位于

之下

$(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() );
});

Answer 2

请将该类仅用于选择器部分，因为您已经定义了一个“.dz-cover”类。

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

       alert("dddd");
    });
});

J查询点击功能不起作用？

2 个答案: