如何选择动态添加元素

http://lifeto.cafe24.com/xe/request#如何选择动态添加元素

如果你去这个页面，我已经为了给“淡入”效果我通过页面滚动使用以下代码。我这样做，是通过使用jQuery addclass和animate.css

（https://daneden.github.io/animate.css/）

，并在同一时间，我用jscroll.js给它无限滚动效果为好。

jQuery(document).ready(function() { 
    jQuery('tr').waypoint(function() { 
     jQuery('tr').addClass('animated fadeIn'); 
    }, { 
     offset: '75%' 
    });});

，这里是我使用的无限滚动

/* infinite scroll */ 
jQuery(document).ready(function(){ 
    jQuery('.board_content').jscroll({ 
     loadingHtml: '<center><img src="layouts/window/ajax-loader.gif" alt="Loading" /> Loading...</center>', 
     padding: 0, 
     contentSelector: '.board_list', 
     autoTriggerUntil: 5, 
     nextSelector:'.next_button' 
    }); 
});

正如你可以看到，前10是可见的，因为addclass工作的罚款脚本。

，但在接下来的20秒保持不透明度：0，因为它们是动态添加到DOM后来由jscroll.js

任何人都可以告诉我怎么解决这个问题？

谢谢。

来源

2016-02-09 Mark Kang

你需要绑定的事件时使用jQuery的（）函数。如果不是，则只绑定DOM中的现有元素。 http://api.jquery.com/on/ – joaoruimartins

所以我听说过。但在这种情况下，我将不得不onclick东西不是我？有没有更好的方法来实现这一点？ –

你的触发器是什么？滚动？你可以将它绑定在滚动事件上... – joaoruimartins

在添加内容以绑定它们之后，您需要运行waypoint脚本。

喜欢的东西：

$('.infinite-scroll').jscroll({ 
    loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...', 
    padding: 20, 
    nextSelector: 'a.jscroll-next:last', 
    contentSelector: 'li', 
    callback: function() { 
     jQuery('tr').waypoint(function() { 
      jQuery('tr').addClass('animated fadeIn'); 
      }, { 
      offset: '75%' 
     }); 
    } 
});

来源

2016-02-09 13:58:57

完美！谢谢！ –

如何选择动态添加元素

回答

相关问题