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>