如題
因為button標簽按鈕會提交表單。
解決方法如下：
1、將<button></button>改為<input type="button"> 或者直接在<button>中添加屬性 type="button".
2、在button的點擊事件中加入“e.preventDefult()”
$('btn').click(function(e){
e.preventDefult();
});
加入type = "button"后解決問題。
擴展資料：
<button> 標簽定義一個按鈕。
在 button 元素內部，您可以放置內容，比如文本或圖像。這是該元素與使用 input 元素創建的按鈕之間的不同之處。
<button> 控件 與 <input type="button"> 相比，提供了更為強大的功能和更豐富的內容。<button> 與 </button> 標簽之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，比如文本或多媒體內容。例如，我們可以在按鈕中包括一個圖像和相關的文本，用它們在按鈕中創建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射，因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button"，而其他瀏覽器中（包括 W3C 規范）的默認值是 "submit"。