【问题标题】：Masonry: eventie.bind doesn't click on an img砌体：eventie.bind 没有点击 img
【发布时间】：2013-10-09 07:56:17
【问题描述】：

Example of what I'm trying to do with Masonry.（“布局”方法）

问题出在 eventie.bind() 中。

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

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

我相信event.target 正在选择 img 并切换图像的类，而我真的希望它以包裹在 img 周围的 div 为目标并切换 div 的类。当我点击 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');.

【问题讨论】：

标签： javascript jquery html css jquery-masonry

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

试试这个。

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

img {
   display:block;
}

【讨论】：

我选择了更接近这个答案的东西，但我认为这两个答案都应该有效。本质上它们是相同的。虽然，现在我没有使用eventie.bind，但我认为没关系。

【解决方案3】：

这里有一些 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>

【讨论】：