傳遞事件到功能？

Question

如何將事件從mouseup事件傳遞給函數？

到目前爲止我的代碼

$(".add, .remove").on("mouseup", getCart); 

function getCart(e) 
{ 
    post_data = {"id" : e.attr('data-productNumber'), "action" : e.attr('data-action')} 
} 

我得到一個TypeError: Cannot read property 'attr' of undefined。所以我猜測事件沒有得到通過。

Answer 1

事件對象不具有和attr方法。您可能需要e.target來引用獲取該事件的元素。一個jQuery元素將有attr方法。

所以：

$(e.target).attr('data-productNumber') 

...等。

如果目標元素是一樣的，你有選擇的元素，即與添加或刪除類，你也可以使用this：

$(this).attr('data-productNumber') 

注：jQuery的loads the data- attributes在它的數據對象中，所以你可以這樣做：

$(e.target).data('productNumber') 
$(this).data('productNumber') 

Answer 2

將目標元素傳遞給函數。

$(".add, .remove").on("mouseup", getCart($(".add, .remove"))); 

function getCart(e) 
{ 
    post_data = {"id" : e.attr('data-productNumber'), "action" : e.attr('data-action')} 
}