联系官方销售客服

1835022288

028-61286886

开发框架 版主:迅睿框架研发组
使用boostrap仿的一个站,modal弹层出不来
类型:迅睿CMS 更新时间:2022-05-31 16:27:31

使用boostrap仿的一个站,modal弹层出不来,求助,可付费。

回帖
  • 淇云科技
    #1楼    淇云科技
    2022-05-31 15:22:35
    小米手机 0
    2381141475 qq
  • 志伟
    #2楼    志伟
    2022-05-31 15:26:04
    iPhone手机 0
    截图看看控制台报错信息
  • 传说中的菜鸡
    #3楼    传说中的菜鸡
    2022-05-31 15:48:24
    Chrome 0
    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#answers" aria-expanded="false" aria-controls="answers">点击查看</button>
    
    
    <div class="modal fade " id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">用心做一件事,就一定会收到赞赏</h4>
                </div>
                <div class="modal-body">
                   111
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    
    
    控制台没有报错
  • 传说中的菜鸡
    #4楼    传说中的菜鸡
    2022-05-31 15:51:23
    Chrome 0
    这是一个按钮<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#answers" aria-expanded="false" aria-controls="answers">点击查看正确答案</button>然后一个隐藏<div class="collapse" id="answers" style="margin-top: 20px;margin-bottom: 20px;"> <div class="well"> <p>{$daan}</p> </div> </div>最后一个modal弹层<div class="modal fade " id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">用心做一件事,就一定会收到赞赏</h4> </div> <div class="modal-body"> 内容 </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </div> </div></div>现在是well好着,但是modal不出来,控制台不报错
  • 传说中的菜鸡
    #5楼    传说中的菜鸡
    2022-05-31 16:27:00
    Chrome 0
    自己用js搞定
    满意答案
  • 传说中的菜鸡
    #6楼    传说中的菜鸡
    2022-05-31 16:27:31
    Chrome 0
    @传说中的菜鸡:自己用JS搞定了,掉头发