实施例

Question

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');。

Answer 1

试试这个。

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

img {
   display:block;
}

Answer 2

以下是一些可能有帮助的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 3

您是否在网页中添加了classie.js脚本？

如上所述：http://masonry.desandro.com/appendix.html，砌体不包括经典。

您可以在此处找到它：https://github.com/desandro/classie

砌体：eventie.bind没有点击img

实施例

3 个答案: