JS处理事件弹不出对话框

来源:8-10 模态弹出框--模态弹出窗的使用(JavaScript触发)

慕容022696

2019-05-04 19:14

<head>

<link rel="stylesheet" type="text/css" href="<%=path %>/bs/css/bootstrap.min.css">

  </head>

<body>

  <button class="btn btn-primary" type="button" >按钮</button>

  <div class="modal fade hide modal-sm" id="themodal">

  <div class="modal-dialog">

  <div class="modal-content">

  <div class="modal-header">

  <button class="close" data-dismiss="modal" type="button"><span>&times;</span></button>

  <h4 class="modal-title">模式对话框3标题</h4>

  </div>

  <div class="modal-body">

  <p>模式对话框3内容!</p>

  </div>

  <div class="modal-footer">

  <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>

  </div>

  </div>

  </div>

  </div>

<script>

    $(function(){

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

            $("#themodal").modal();

        });

    });

</script>

    <script type="text/javascript" src="<%=path %>/bs/jquery-1.12.4.js"></script>

    <script type="text/javascript" src="<%=path %>/bs/js/bootstrap.min.js"></script>      

  </body>

按钮有样式,但单击按钮没有反应,弹不出对话框

js、css、jquery配置如下图

https://img4.mukewang.com/5ccd74090001852602130187.jpg

写回答 关注

2回答

  • qq_精慕门6013507
    2020-05-06 11:49:27

    你的方法应该在两个js后面写

  • 林果LinJiab
    2019-05-13 11:42:10

    modal fade hide modal-sm  去掉hide  或者点击的时候。。改变modal方法应该也有用

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题