回髮禁用按鈕asp.net nvc

Question

我正在嘗試做這一個http://jquerywall.com/demo-multi-transfer-jquery-ui-selectable/ 但問題是，這個multiselect插件有一些按鈕。當我點擊這些按鈕中的任何一個時，我的頁面發佈並轉到它的方法。 這裏是我的按鈕

<div id="transfer-buttons"> 
      <button id="add-button">Add &rarr;</button> 
      <button id="add-all-button">Add All *&rarr;</button> 
      <button id="remove-button">&larr; Remove</button> 
      <button id="remove-all-button">&larr;* Remove All</button> 

     </div> 

這裏有我的按鈕功能

<script type="text/javascript"> 
    $(function() { 
     $("#add-button").click(add); 
     $("#add-all-button").click(addAll); 
     $("#remove-button").click(remove); 
     $("#remove-all-button").click(removeAll); 
     $("#source-list, #target-list").selectable(); 
     addHiglightPlugin(); 
    }); 

我應該怎麼辦？

Answer 1

嘗試添加一個type="button"屬性到您的按鈕。當<button>沒有指定類型時，它就像提交按鈕一樣。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

你可以做的另一件事是prevent default action在你的事件處理程序：

function add(e){ 
    e.preventDefault(); 
    // your code here 
}