我无法在我的jquery中选择删除类

Question

<div class="dvThumb">
    <div class="comp" data-compprice=<?php echo$saleprice = get_post_meta( get_the_ID(), '_sale_price', true); ?>>
        <!--added for delete-->

        <div class='hover-btn'>
            <button class='close_fast'>
                <span aria-hidden='true'  class='close_fast2'>×</span>
            </button>
        </div>

        <!--added for delete-->
        <div class="dvTowelStack">

            <div class="dvwel"></div>
            <div class="dvwel"></div>
            <div class="dvwel"></div>
        </div>
        <div class="dottom"></div>

    </div>

    <img src="<?php echo $image[0];?>" />
    <p><?php echo the_title(); ?></p>
</div>

我正在尝试实现一个onhover删除选项..但是当我点击时，没有任何反应..可能jquery的选择部分有问题。以下是jquery我累了

$(".hover-btn .close_fast").click(function(event){
    alert("delete ?");
}); 

$(".hover-btn .close_fast .close_fast2").on('click',function(event){
    alert("delete ?");
}); 

$(".close_fast2").on('click',function(event){
    alert("delete ?");
}); 

$(".close_fast").on('click',function(event){
    alert("delete ?");
});

$(document).ready(function () {
    $(".close_fast").on('click',function(event){
        alert("delete ?");
    });
});

甚至连工作都没有。

但它适用于小提琴。 http://jsfiddle.net/rc0tscd4/3/请告诉我哪里出错了注意：这个完整的html是在使用append方法拖放到容器中时append 。 append方法是否也编译或者只是添加了html？

Answer 1

如你所说：

注意：这个完整的html是在拖放到容器中时添加的

我非常确定委派的事件处理程序会有所帮助： http ： //api.jquery.com/on/

尝试：

$(document).on("click",".hover-btn .close_fast",function(event){
     alert("delete ?");
 }); 

 $(document).on('click', ".hover-btn .close_fast .close_fast2", function(event){
     alert("delete ?");
 }); 

 $(document).on('click',".close_fast2",function(event){
     alert("delete ?");
 }); 

 $(document).on('click',".close_fast",function(event){
     alert("delete ?");
 });

注意 ：为了获得更好的性能，您应该将document替换为容器，以使冒泡达到较低的水平。

你的问题的解释：

当您动态添加html时，新创建的DOM对象没有附加事件处理程序，因为附加处理程序的代码已经运行 。

使用委派的事件处理程序，您可以将事件处理程序附加到我们运行代码时存在的父元素（在本例中为document ）。 单击子元素（没有事件处理程序）时，事件由浏览器冒泡并由其父级处理（附加事件处理程序）

委托事件的优点是，它们可以处理来自稍后添加到文档的后代元素的事件。 通过选择在附加委托事件处理程序时保证存在的元素，您可以使用委派事件来避免频繁附加和删除事件处理程序的需要