Применить функцию jQuery к отображаемым элементам индивидуально - PullRequest
0 голосов
/ 08 ноября 2018

Я использую jGravity на странице загрузки. Страница загружает разные div во время загрузки страницы, и я хочу применить jGravity к каждому появляющемуся div, но только один раз. Это код, который у меня есть до сих пор, но он каждый раз применяет jGravity к каждому div.bubble, поэтому он все портит.

 function showDiv() {
     if(counter == 0 ) { counter ++; return; }
     $('#whatsapp').find('#bubble-' + counter).show().jGravity({ 
        target: 'div.bubble',
        ignoreClass: 'ignoreMe',
        weight: 25, 
        depth: 5, 
        drag: true 
    });
     counter ++;

Заранее спасибо

1 Ответ

0 голосов
/ 08 ноября 2018

Я не могу проверить в данный момент, но я думаю, что это будет работать для ваших нужд:

function showDiv() {
    if(counter == 0 ) { counter ++; return; }
    $('#whatsapp').find('#bubble-' + counter + ':not(.ignoreMe)').addClass('ignoreMe').show().jGravity({ 
        target: 'div.bubble',
        ignoreClass: 'ignoreMe',
        weight: 25, 
        depth: 5, 
        drag: true 
    });
    counter ++

Он добавляет класс ignoreMe к каждому элементу и игнорирует элементы этого класса впоследствии, используя псевдокласс :not.

...