jQuery的包裹與形式的div沒有提交

Question

我有以下代碼：

HTML：

<button id="my_button">Test</button> 

的Javascript（jQuery的）：

$(document).ready(function() { 
    $('#my_button').click(function() { 
    $(this).wrap('<form>') 
    }) 
}) 

當有按鈕點擊它用我希望的形式包裝它，但也提交表格。

我只想用形式來包裝沒有提交它

Answer 1

無論是添加調用preventDefault：

$(document).ready(function() { 
    $('#my_button').click(function(e) { 
    // Accept the arg -------------^ 
     e.preventDefault();  // Prevent the default action 
     $(this).wrap('<form>') 
    }); 
}); 

...或更改按鈕的類型button：

<button type="button" id="my_button">Test</button> 

...因爲默認type的button是submit。

Answer 2

您需要設置type屬性與價值button將其轉換成一個簡單的按鈕，否則充當submit按鈕。

<button type="button" id="my_button">Test</button>