2010-03-16 73 views
4

我有这样的代码追加后()如何将点击事件绑定到刚刚添加的元素

$(".delete2").click(function() { 
    $('#load2').fadeIn(); 
} 

我已经通过动态该返回

addSubcategory = function(){ 
     sucategorynameval = $("#sucategoryname").val(); 
     categoryId  = $("#addcategoryid").val(); 
     $.get("process-add-subcat.php", { "action": "add_subcategory", "sucategoryname": sucategorynameval, "categoryId":categoryId }, 
       function(data){ 
       //$("#main-cat-"+categoryId).load(location.href+"&pageExclusive=1 #main-cat-"+categoryId+">*",""); 
       $("#main-cat-"+categoryId).append(data); 
       $("#addcategoryid").val(''); 
       $("#sucategoryname").val(''); 
       }); 

添加的项目返回的数据包含delete2归类项目。

如何将点击事件应用到新添加的项目?

回答

3

以及你可以用相同的点击功能重新绑定以前使用过或使用.live()http://api.jquery.com/live/

+6

的ID或类在jQuery 1.7的,所述.live()方法被弃用。使用.on()附加事件处理程序。老版本的jQuery用户应优先使用.delegate(),而不要使用.live()。请参阅http://api.jquery.com/live/ – 2013-02-13 00:06:49

2

更换

$(".delete2").click(function() { 
    $('#load2').fadeIn(); 
} 

$(".delete2").live('click', function() { 
    $('#load2').fadeIn(); 
}); 

这样,点击事件绑定到所有现有的未来创建的元素与类.delete2

1
$(<parent selector>).on('click', '.delete2', function() { alert('test'); }); 

改变亲本选择器到父元素

+0

此代码不是Pentium10问题的答案。请描述并给出正确的代码 – makciook 2013-07-19 09:02:58

相关问题