我正在尝试这样做http://jquerywall.com/demo-multi-transfer-jquery-ui-selectable/ 但问题是这个多选插件有一些按钮。当我点击任何这些按钮时,我的页面会被发布并转到它的方法。 这是我的按钮
<div id="transfer-buttons">
<button id="add-button">Add →</button>
<button id="add-all-button">Add All *→</button>
<button id="remove-button">← Remove</button>
<button id="remove-all-button">←* 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();
});
我该怎么办?
答案 0 :(得分: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
}