jquery - 将 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

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

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 忽略具有该类的项目。伪类。