イベントを機能させるには？

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).attr('data-productNumber') 

NB：はを追加したり、クラスを削除し、あなたもthisを使用することができると

対象要素は、あなたが選択を持っている上の要素と同じである場合、すなわち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')} 
}