как удалить .grid-элемент - гигант при нажатии на другой .grid-элемент - PullRequest
Новая
       60

как удалить .grid-элемент - гигант при нажатии на другой .grid-элемент

0 голосов
/ 17 мая 2019

Я использую кладку, и когда я нажимаю на элемент сетки, к элементу добавляется элемент класса grid - gigante. Проблема в том, что когда я щелкаю по другому элементу сетки, класс-элемент сетки - гигант добавляется к новому элементу, который щелкнул, но не удаляется из предыдущего.

Вот код ручки

https://codepen.io/desandro/pen/rLdLdB

Я пытался удалить класс из предмета, который имеет класс гиганта 

<div class="grid row">
            <div class="grid-item">
                <img src="/_catalogs/masterpage/V6/img/phishing_1.png" />
             </div>
  </div>


<script type="text/javascript">
    var $grid = $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: 100,
            isFitWidth: true,
            gutter: 7,
            stagger: 30
        });

    $grid.imagesLoaded().progress( function() { 
        $grid.masonry('layout');
    })
    $grid.on('click', '.grid-item', function () {
        // change size of item via class
        $(this).toggleClass('grid-item--gigante');
        // trigger layout
        $grid.masonry();
    });
    </script>

Я ожидаю, что класс добавляется к элементу, по которому щелкнули, но когда вы щелкаете по другому элементу, класс добавляется к новому элементу, по которому щелкнули, но удаляется из предыдущего элемента, по которому щелкнули.

...