砌體：eventie.bind不點擊一個img

Question

Example of what I'm trying to do with Masonry.（ 「佈局」 方法）

問題是eventie.bind內（）。

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

我有div內的圖像。如果我點擊圖片，事件就會發生，但沒有任何反應。它只在點擊div的內部時才起作用。

我相信event.target是選擇img和切換圖像的類，當我真的想要它的目標div包裹img和切換div的類。當我點擊div內的img時，如何獲得div來選擇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，classie不包含在砌體內。

你可以在這裏找到：https://github.com/desandro/classie