做点击按钮切换背景样式与内容的时候每次都刷新页面 ,发现button写在了form 标签当中,将input或者button的type属性改为button,点击按钮页面就不会自动重新加载了。
<form>
<!-- ... -->
<button>提交</button>
</form>
原因分析:
<button class="btn btn-success margin_r20" id="startTest" type="button">开始调试</button>
$("#startTest").click(function(){
$(".stateOnline").css("display","inline-block");
if($(this).hasClass("btn-success")){
alert("hi")
$(this).text("停止调试")
$(this).removeClass("btn-success").addClass("btn-warning")
}
else if($(this).hasClass("btn-warning")){
$(this).text("开始调试")
$(this).removeClass("btn-warning").addClass("btn-success")
}
})