javascript - 砌体：eventie.bind 没有点击 img

Question

我试图用 Masonry 做的例子。（“布局”方法）

问题出在 eventie.bind() 中。

    classie.toggle( event.target, 'gigante' );

我在 div 中有图像。如果我单击图像，该事件会触发，但没有任何反应。仅当我在 div 的填充内单击时才有效。

我相信event.target当我真的希望它以包裹在 img 周围的 div 为目标并切换 div 的类时，选择 img 并切换图像的类。当我单击 div 内的 img 时，如何让它选择 div？

例子

    < div class="item" >
      < img src="some_img" />
    < /div >

点击图片获取...

    < div class="item gigante" >
      < img src="some_img" />
    < /div >

使用 jQuery / eventie.bind() / classie.toggle(event.target, 'gigante');。

Answer 1

这是一些可能有帮助的jQuery：

<script type="text/javascript">

;(function($){

    $(document).ready(function(){

        $("div img").click(function(){

            var parent = $(this).parent();            
            parent.toggleClass('gigante');

            var cls = parent.attr('class');
            console.log('class: ' + cls);            

        });

    });

})(jQuery);

</script>

<div>

    <div class="item">
        <img src="[your image path goes here]" />
    </div>

</div>

Answer 2

尝试这个。

$('img').bind('click', function() {
   $(this).parent().toggleClass('gigante');
});

img {
   display:block;
}

Answer 3

您是否在页面中包含了 classie.js 脚本？

正如这里所说：http ://masonry.desandro.com/appendix.html，砖石不包括classie。

你可以在这里找到它：https ://github.com/desandro/classie