如何将变量传递给click事件处理程序？

Question

我有以下功能删除一行。我想通过传入#search_result来重用此功能。

function row_delete_ajax(event) { 
    event.preventDefault(); 
    if (confirm(gettext('Are you sure you want to delete this row?'))) { 
    var url = $(this).attr("href") + "/"; 

     $.post(url, function(result){ 
      $('#search_result').empty(); 
      $('#search_result').append(result); 
     });     
    }  
}; 

这是我最初如何绑定功能，但那种卡住如何#search_result传递给row_delete_ajax

$(document).ready(function(){ 
    $('#search_result').find(".row_delete_ajax").click(row_delete_ajax); 
} 

Answer 1

这样做的另一种方法是使用[eventData]参数：

EVENTDATA：数据的地图将被传递给事件处理程序。

$(document).ready(function(){ 
    // Create an object with all the properties you want. 
    var data = { id: '#search_result' }; 

    // Pass the data object as the first parameter in the click-event. 
    $('#search_result').find(".row_delete_ajax").click(data, row_delete_ajax); 
}); 

，然后用它是这样的：

function row_delete_ajax(event) { 
    event.preventDefault(); 
    if (confirm(gettext('Are you sure you want to delete this row?'))) { 
    var url = $(this).attr("href") + "/"; 

     $.post(url, function(result){ 
      $(event.data.id).empty(); 
      $(event.data.id).append(result); 
     });     
    }  
}; 

同时检查event.data例如。

Answer 2

你有没有想过使用存储的数据（）http://api.jquery.com/jQuery.data/元信息？

$(document).ready(function(){ 
    $('#search_result').find(".row_delete_ajax") 
     .data('target', 'search_result') 
     .click(row_delete_ajax); 
} 

然后你row_delete_ajax将如下所示：

function row_delete_ajax(event) { 
    event.preventDefault(); 
    if (confirm(gettext('Are you sure you want to delete this row?'))) { 
     var url = $(this).attr("href") + "/"; 

     var target = $(this).data('target'); 
     $('#' + target).load(url); 
    } 
} 

Answer 3

你得稍微重写你的点击是这样的：

$(document).ready(function(){ 
    $('#search_result').find(".row_delete_ajax").click(function (event) { 
     row_delete_ajax(event, $("#search_result")); 
    }); 
} 

然后改变你的函数取两个参数：

function row_delete_ajax(event, searchResult) { 
    event.preventDefault(); 
    if (confirm(gettext('Are you sure you want to delete this row?'))) { 
     var url = $(this).attr("href") + "/"; 

     $.post(url, function(result){ 
      searchResult.empty(); 
      searchResult.append(result); 
     });     
    }  
};