脉动不适用于每个div

时间:2014-02-19 22:15:33

标签: jquery html

我有一个简短的问题。这可能是我错过的非常容易的事情。但是,当我点击div时,当我想单独做一个时,它会产生脉动。

http://jsfiddle.net/v36MT/

        <script>
            $(document).ready(function() {  
            $("#toggle").click(function (event) {
                event.preventDefault();
            $(this).parent().effect("pulsate", { times:2 }).fadeOut('slow');
            });
        });
        </script>

看看我在说什么?

1 个答案:

答案 0 :(得分:0)

ID属性是一种独特的东西。因此,如果你的选择器是和ID,JQuery会选择第一个匹配的元素。如果您希望将多个元素绑定到同一个事件处理程序,请使用基于类的方法。

在更新的小提琴中,http://jsfiddle.net/v36MT/5/我已经实现了它。它将导致每个元素脉动两次,当动画完成时,它会逐渐消失。 Jquery片段如下。看到小提琴,看看它在行动。

$(document).ready(function() {  
    $(".toggler").click(function (event) {
        event.preventDefault();
    $(this).effect('pulsate',{times:2},function(){
        $(this).fadeOut('slow');
    });
    });
});