bootstrap弹出框

标签：str   修改   显示   comment   attr   doc   word   点击事件   弹窗   

bootstrap弹出框是基于javaScript的组件，是覆盖于整个页面之上的，通过点击触发之后在页面中显示，我不知道是否有其他触发方式，但现在我只知道点击一种

在弹框定义时，默认可以点击空白处关闭弹窗，通过添加代码属性修改

<div class="modal fade" id="new" data-backdrop="static">

在定义弹窗时添加 data-backdrop=‘static‘ 来避免这一情况

由于弹窗是点击触发的，所以要想在页面加载时优先显示弹窗，必须默认给一个点击事件，即页面加载过程中完成一次点击

有两种实现方式
JavaScript：
    <script>
        window.onload = function() {
            requestFullScreen();//直接执行onclick中的函数就行
        }
    </script>

JQuery:
    $(function() {
        $("#sdsd").trigger("click");//触发button的click事件
    })；

由于需要的点击事件一般通过一个按钮，这里我们可以再点击完成之后将按钮设置为隐藏

<script>
  $(document).ready(function () {
      $(‘#mymodal‘).click(function () {
          $(‘#new‘).modal(‘show‘)
          $(this).hide();//增加隐藏属性
      })
  })
</script>

bootstrap弹出框

标签：str   修改   显示   comment   attr   doc   word   点击事件   弹窗   

原文地址：https://www.cnblogs.com/Zhao01/p/10174553.html