1. 程式人生 > >使用BootStrap模態框瞬間消失,且點擊沒有事件的Button按鈕會刷新頁面

使用BootStrap模態框瞬間消失,且點擊沒有事件的Button按鈕會刷新頁面

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"
>姓名&nbsp;&nbsp;&nbsp;&nbsp;</label> <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> </div> &nbsp;&nbsp;&nbsp;&nbsp; <div class="form-group"
> <label for="exampleInputEmail2">郵箱&nbsp;&nbsp;&nbsp;&nbsp;</label> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> </div> <
button class="btn btn-info"><span class="glyphicon glyphicon-search"></span>&nbsp;查詢</button> <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span>&nbsp;新增</button> <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"></span>&nbsp;刪除</button> </form> </div>

當把三個Button按鈕移出form表單,就沒有出現上面的問題了

<div class="row">
            <div class="col-md-8">
                <form class="form-inline">
                  <div class="form-group">
                    <label for="exampleInputName2">姓名&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
                  </div>
                  &nbsp;&nbsp;&nbsp;&nbsp;
                  <div class="form-group">
                    <label for="exampleInputEmail2">郵箱&nbsp;&nbsp;&nbsp;&nbsp;</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>&nbsp;查詢</button>
                <button class="btn btn-primary" id="emp_add_modal_btn"><span class="glyphicon glyphicon-plus"></span>&nbsp;新增</button>
                <button class="btn btn-danger" id="emp_delete_btn"><span class="glyphicon glyphicon-trash"></span>&nbsp;刪除</button>
            </div>
        </div>

次篇只為記錄自己開發路上的問題,望大神們多多指教。

使用BootStrap模態框瞬間消失,且點擊沒有事件的Button按鈕會刷新頁面