使用BootStrap模態框瞬間消失,且點擊沒有事件的Button按鈕會刷新頁面
阿新 • • 發佈:2018-04-29
glyphicon pri -c delete 新頁面 出現 sea tro icon
布局時吧Button按鈕放在了form表單中,導致進頁面時,不做任何操作,首先點擊三個Button按鈕,會刷新頁面,新增按鈕本來有的 模態框 也不會彈出來會彈出並瞬間消失,以為是js沖突的原因,刪除了BootStrap的js文件,還是同樣的問題。
<div class="col-md-8"> <form class="form-inline"> <div class="form-group"> <label for="exampleInputName2">姓名 </label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2">郵箱 </label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> </div> <button class="btn btn-info"><span class="glyphicon glyphicon-search"></span> 查詢</button> <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span> 新增</button> <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"></span> 刪除</button> </form> </div>
當把三個Button按鈕移出form表單,就沒有出現上面的問題了
<div class="row"> <div class="col-md-8"> <form class="form-inline"> <div class="form-group"> <label for="exampleInputName2">姓名 </label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> <div class="form-group"> <label for="exampleInputEmail2">郵箱 </label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> </div> </form> </div> <div class="col-md-4"> <button class="btn btn-info"><span class="glyphicon glyphicon-search"></span> 查詢</button> <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span> 新增</button> <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"></span> 刪除</button> </div> </div>
次篇只為記錄自己開發路上的問題,望大神們多多指教。
使用BootStrap模態框瞬間消失,且點擊沒有事件的Button按鈕會刷新頁面