JQuery 2函数,在函数(A)之后,不能激活函数(B)

时间:2015-12-09 08:49:53

标签: jquery ajax

我的行数据列表页面。

$('#search_ajax').click(function(){ showValues(); });
$(function() { 
  $('form').bind('submit',function(){ 
    showValues(); 
    return false; }); 
}); 
function showValues() { 
  $('#list_content').html(); //do someting
} 

$(".ajax_del").click(function() {     
  //dialog confirm del function
});

$(".ajax_del").click(function()

如果点击button[class=ajax_del]将会打开一个对话框,显示确认按钮

$('#search_ajax').click(function()

ajax搜索数据和html() div

如果我点击页面上的删除按钮。我可以通过ajax删除数据。

但是,$(".ajax_del").click(function()在使用ajax搜索后无法激活

我该怎么办?

1 个答案:

答案 0 :(得分:3)

您必须将$(".ajax_del").click(function()移至$(function() { })

$(function() { 
  $('form').bind('submit',function(){ 
    showValues(); 
    return false; 
 }); 
  $(".ajax_del").click(function() {     
    //dialog confirm del function
  });
});

您应该$(document.body).on('click', '.ajax_del' ,function(){})而不是$(".ajax_del").click(function() { })

您可以参考http://jsfiddle.net/dieuhd/ard03oot/