美文网首页
bootstrap 按钮点击会刷新页面

bootstrap 按钮点击会刷新页面

作者: 苏北苝 | 来源:发表于2019-03-15 15:08 被阅读0次

    今天在做后台的时候发现,模态框里的按钮点击,事件触发后,页面会被刷新,

     <button class="btn btn-primary btn-sm" onclick="add()">添加</button> 
    

    此处button是在form里的,通过调试,各种断点,发现把button移出form后可以正常使用,因为button标签按钮会提交表单。
    所以,如果是一定要在表单里使用,需要给button加上type

     <button class="btn btn-primary btn-sm" onclick="add()" type="button">添加</button>
    
    

    或者在button的点击事件中加入“e.preventDefult()”

    $('btn').click(function(e){
    
    e.preventDefult();
    
    });
    

    相关文章

      网友评论

          本文标题:bootstrap 按钮点击会刷新页面

          本文链接:https://www.haomeiwen.com/subject/xhzlmqtx.html