将jQuery函数分别应用于出现的元素

Question

我正在加载页面上使用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 ++;

提前谢谢

Answer 1

我目前无法测试，但我认为这可以满足您的需求：

const { Person } = await import('/classes.js');

它会为每个项目添加一个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 ++ 类，并随后使用:not伪类忽略具有该类的项目。