c# - 回发禁用按钮 asp.net nvc

Question

我正在尝试做这个http://jquerywall.com/demo-multi-transfer-jquery-ui-selectable/ 但问题是这个多选插件有一些按钮。当我点击这些按钮中的任何一个时，我的页面会被发布并使用它的方法。这是我的按钮

<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

您可以做的另一件事是阻止事件处理程序中的默认操作：

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