重寫的 「href = JavaScript的：」 爲JavaScript

Question

我有一個<a href="javascript:addProduct('myParam')" id="myLink">add product</a> ，做

1. 增加了一個新產品，
2. 顯示a內容作爲鏈接和
3. 沒有導航離開從頁面。

如何將它重寫爲jQuery？

<a href="#" id="myLink">add product</a> 
and 
$("#myLink").click(addProduct('myParam')); 

將導航離開上點擊...

Answer 1

我認爲你正在尋找這樣的：

$("#myLink").click(function(e){ 
    e.preventDefault(); 
    addProduct(e.target); 
}); 

Answer 2

更新addProduct採取一種event參數 - 然後調用event.preventDefault();停止默認鏈接動作（？！）：

function addProduct(e) { 
    e.preventDefault(); 
    //code... 
} 

你當前處理程序$("#myLink").click(addProduct('myParam'));將不起作用。如果你這樣做，addProduct將立即執行，因爲在函數的末尾使用()實際調用它！

上傳遞功能簡單的例子：

var x = function() { 
    return 3; 
} 

var y = x; //assigned the function of x 
y(); //3 
var z = x(); //3 

如果你想傳遞一個參數（不是默認的除外） - 你將不得不使用匿名函數，然後調用你的函數從：

$("#myLink").click(function(e) { 
    addProduct(5, e); 
});