将jQuery live（）应用于动态生成的元素

Question

我在页面加载时遵循了javascript。

$(document).ready(function()
{
  $('.rounded').corner();
});

这是一个简单的jQuery插件，用于围绕DIV s。

的角落

但是我的页面上还有一些动态加载的DIV，其中没有应用圆角。我意识到我应该使用live()或livequery()函数，但我将如何应用它？

Answer 1

你真正想要的是jQuery bind()方法。您必须更新实际附加有问题div的代码 - 但缺点是您必须在添加时调用trigger(youreventcustomname)。

以下是您的用例示例：

$(function(){

  // the bind call
  $('.rounded').bind('divbox',function(){
    $(this).corner();
  });

  //the dom add
  $('html').append('<div></div>').addClass('rounded').trigger('divbox');
});

更多阅读：

http://api.jquery.com/bind/

http://ejohn.org/apps/workshop/adv-talk/#14

Answer 2

你为什么不试试

 $(div).corner();

他们生成的那一刻。

Answer 3

尝试这可能是它的帮助

   $('.rounded').livequery(function(){ 
        $(this).corner(); 
    });