js-JS模态框无法显示,小白求解

问题描述

JS模态框无法显示,小白求解

代码如下

 <!doctype html>
<html>
<meta charset="utf-8">
<head>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
        $("#myModal").modal("show");
    </script>
</head>

<body>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <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">modal</h4>
            </div>
            <div class="modal-body">
                <p>dsdsdsd</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn-default" data-dismiss="modal">
                    close
                </button>
                <button type="button" class="btn-danger">
                    保存
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>

解决方案

 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
          $(function(){//等jquery加载完后再执行
           $("#myModal").modal("show");
          });
    </script>

解决方案二:

<br>
$(function(){//等jquery加载完后再执行<br>
$(&quot;#myModal&quot;).modal(&quot;show&quot;);<br>
});<br>

解决方案三:

时间: 2016-03-17

js-JS模态框无法显示,小白求解的相关文章

asp.net-gridview中点击编辑,跳出bootstrap模态框中显示数据

问题描述 gridview中点击编辑,跳出bootstrap模态框中显示数据 我想要用ASP.NET中的gridview控件,点击编辑可以弹出bootstrap模态框显示数据,模态框已经设置好,就是没有数据.怎么传id啊,谢谢

js-post提交到模态框,无法获取url地址增加的参数

问题描述 post提交到模态框,无法获取url地址增加的参数 使用的bootstrap,新页面在模态框中显示.使用getquerystring无法获取id,显示null,如果直接location.href=地址,可以获得到id.要怎么做呢,url确定附带id了,但是跳转后却没了 解决方案 ajax请求的吧,这样浏览器地址栏当然没有参数,你的getquerystring肯定是通过location.href或者location.search来分析获取参数的,地址栏都没有参数当然获取不到 用全部变量保

Bootstrap每天必学之模态框(Modal)插件_javascript技巧

本节课我们主要学习一下 Bootstrap 中的模态框插件, 这是一款交互式网站非常常见的弹窗功能插件. 更多关于Bootstrap模态框插件内容请点击专题<Bootstrap Modal使用教程>进行学习,希望大家喜欢,下面继续 一.基本使用使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层). dialog(窗口声明层).content(内容层).在内容层里面,还有三层,分别为 header(头部).body(主体).footer(注脚). //基本实例 <

高手赐教:GridView中链接打开模态框(Modal)问题!急!bootstrap的模态框

问题描述 在开发项目时用bootstrap效果不错,效率也挺高.现在碰到一个比较烦人的问题,始终不得其解,望坛子的朋友一起研究帮忙解决,我觉得也很实用.目标:bootstrap提供了一个非常方便的模态框效果,调用也非常方便,只要在<a>标签内加href="#myModal"即可,我想实现的就是在GridView中链接打开模态框,显示具体内容,这样可以在一个页面中实现了.问题:在GridView中创建了<a>链接,但id的值传不出去了,考虑用href和onclic

Bootstrap 模态框(Modal)插件代码解析_javascript技巧

Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.下面通过代码给大家介绍bootstrap 模态框插件,先给大家展示下效果图: 页面效果: html+js: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my

小白求助:winpcap的抓包软件,显示内容的Edit框只能显示一行。望大神求解!

问题描述 小白求助:winpcap的抓包软件,显示内容的Edit框只能显示一行.望大神求解! (附程序图)显示内容的Edit框只显示一行,请问问题出在哪儿,望大神求解! 不知是不是edit只能显示一行内容,后面的内容覆盖了前面的内容 解决方案 建议用wireshark进行过滤查看,不过源代码为十六进制的字符串: 解决方案二: 建议用wireshark进行过滤查看,不过源代码为十六进制的字符串: 解决方案三: 你把edit控件设置多行属性 或者用richedit

JS使用cookie实现DIV提示框只显示一次的方法_javascript技巧

本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法.分享给大家供大家参考,具体如下: 这里运用JavaScript的cookie技术,控制网页上的提示DIV只显示一次,也就是当用户是第一次打开网页的时候才显示,第二次自动隐藏起来,很好的提升了用户体验,不会使用户烦感:利用Cookies,我们还可做超多的事情,慢慢体会吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-cookie-div-dlg-show-once-cod

js利用事件的阻止冒泡实现点击空白模态框的隐藏

 点击弹出某个框框,但是,有时候不想操作,就想点击某个空白处,隐藏该框框,关于这一点,下面有个具体的实现 很多时候,我们做前端的时候都会有这样的小功能,点击弹出某个框框,但是,有时候不想操作,就想点击某个空白处,隐藏该框框.假设如下场景,一个小按钮,点击可以弹出一个模态框.    就这么简单,但是我们想要点击空白部分的时候隐藏模态框,加入按钮id:btn,模态框id:model    也许我们最简单的思路就是直接在document上监听一个事件,伪代码如下:    按钮点击弹出事件监听:   代

js利用事件的阻止冒泡实现点击空白模态框的隐藏_javascript技巧

很多时候,我们做前端的时候都会有这样的小功能,点击弹出某个框框,但是,有时候不想操作,就想点击某个空白处,隐藏该框框.假设如下场景,一个小按钮,点击可以弹出一个模态框. 就这么简单,但是我们想要点击空白部分的时候隐藏模态框,加入按钮id:btn,模态框id:model 也许我们最简单的思路就是直接在document上监听一个事件,伪代码如下: 按钮点击弹出事件监听: 复制代码 代码如下: $("#btn").bind("click",function(e){ if(