为什么在Bootstrap表单中，按钮点击事件会导致网站重新加载？
为什么在Bootstrap表单中，按钮点击事件会导致网站重新加载？
我正在使用jQuery的show()和hide()函数来控制或模拟不同连续的表单部分的显示和隐藏。
我已经创建了一个按钮，当点击它时，会隐藏一个div。奇怪的是，一旦点击了按钮，页面就会重新加载，并回到最初显示的div（$(document).ready()）。
更奇怪的是，如果在点击“继续”按钮之前先点击导航栏文本，那么不会出现上述问题（然后预期的页面将显示而不重新加载并再次显示第一页）。
表单可在此处访问：
引起页面重新加载问题的是蓝色按钮，除非在点击“继续”按钮之前点击导航栏中的“Visualizar”。
我无法理解为什么会发生这种情况，我之前使用过.show()和.hide()，但没有出现这个问题。
以下是相关的JavaScript代码：
$(document).ready(function () {
mostrarFormularioRegistro()
$(".btnSeccion").click(function() {
btnMostrarSeccion($(this))
})
})
function mostrarFormularioRegistro () {
$("#formularioRegistro").show()
mostrarSeccion(1)
$("#DB").hide()
}
function mostrarSeccion (seccion) {
for (var i = 1; i <4; i++) {
if (i===seccion)
$("#seccionRegistro"+i).show()
else
$("#seccionRegistro"+i).hide()
}
}
function btnMostrarSeccion (idBtnSeccion) {
var seccion = parseInt(idBtnSeccion.attr("id").slice(-1))
if (seccion == 3)
mostrarSeccion(1)
else
mostrarSeccion(seccion+1)
}
这是body的标记：