Masonry: eventie.bind не нажимает на изображение

Question

Masonry: eventie.bind не нажимает на изображение

0

Пример того, что я пытаюсь сделать с масонством. (Метод "макета")

Проблема заключается в eventie.bind().

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

У меня есть изображения внутри div. Событие срабатывает, если я нажимаю на изображение, но ничего не происходит. Он работает только в том случае, если я нажимаю внутри прокладки div.

Я считаю, что event.target выбирает img и переключает класс для изображения, когда я действительно хочу, чтобы он нацелился на div, обернутый вокруг img, и переключил класс 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'); ,

christo8989 02 окт. 2013, в 22:10

Источник

Теги:

javascript

jquery

html

css

jquery-masonry

3 ответа

0

Вот некоторые 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>

Darth Jon 02 окт. 2013, в 18:10

-1

Вы включили скрипт classie.js на свою страницу?

Как сказано здесь: http://masonry.desandro.com/appendix.html, классификация не включена в кладку.

Вы можете найти его здесь: https://github.com/desandro/classie

Ben Raynal 29 июль 2014, в 13:17

Ещё вопросы

user2840012 · Accepted Answer · 2013-10-02T17-03-00.000Z

Попробуй это.

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

img {
   display:block;
}

Я подошел с чем-то ближе к этому ответу, но я думаю, что оба ответа должны работать. По сути, они одинаковы. Хотя, сейчас я не использую eventie.bind но я думаю, что все в порядке.