点击保存按钮后不能关闭弹出框

来源:1-1 导入JavaScript插件

AdrianJiangRD

2016-03-04 14:50

  $(function(){

    PopBoxHTML_init();

    $(".btn").click(function(){

      $("#pop1603041433").modal("toggle");

    });

  });

  

  function PopBoxHTML_init(){

    var html='';

    html+= '<div class="modal" id="pop1603041433">';

    html+=' <div class="modal-dialog">';

    html+='<div class="modal-content">';

    html+='<div class="modal-header">';

    html+=' <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" onclick="popBoxCallBack({key:0})">&times;</span><span class="sr-only">Close</span></button>';

    html+=' <h4 class="modal-title">模态弹出窗标题</h4>';

    html+='</div>';

    html+=' <div class="modal-body">';

    html+='<p>模态弹出窗主体内容</p>';

    html+='</div>';

    html+='<div class="modal-footer">';

    html+='<button type="button" class="btn btn-default" data-dismiss="modal" onclick="popBoxCallBack({key:0})">关闭</button>';

    html+='<button type="button" class="btn btn-primary" onclick="popBoxCallBack({key:1})">保存</button>';

    html+=' </div>';

    html+=' </div>';

    html+='</div>';

    html+='</div>';

    var popBox=$(html);

    $('body').append(popBox);

}



写回答 关注

2回答

  • 慕九州9308560
    2019-01-22 14:01:12

    帆帆帆帆

  • 阿卡坤
    2016-03-05 14:13:06

    给保存按钮加个data-dismiss="modal"试试

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128652 学习 · 296 问题

查看课程

相似问题