插件书写示例

正常模态框代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>模态框</title><link rel="stylesheet" href="css/bootstrap.min.css"><script type="text/javascript" src="js/jquery-1.11.2.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body  style="height: 1500px;">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal
</button><!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><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" id="myModalLabel">Modal title</h4></div><div class="modal-body">正常模态框</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button><button type="button" class="btn btn-primary">Save changes</button></div></div></div>
</div>
</body>
</html>

插件模态框代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>模态框</title><link rel="stylesheet" href="css/bootstrap.min.css"><script type="text/javascript" src="js/jquery-1.11.2.min.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body  style="height: 1500px;">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Launch demo modal
</button><script type="text/javascript">window.onload  = function() {var qrcode_box = ['<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">'];//弹层主要部分
        qrcode_box.push('\<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" id="myModalLabel">Modal title</h4>\</div>\<div class="modal-body">插件模态框</div>\<div class="modal-footer">\<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\<button type="button" class="btn btn-primary">Save changes</button>\</div>\</div>\</div>');qrcode_box.push('</div>');console.log(qrcode_box);$('body').append(qrcode_box.join(''));}
</script>
</body>
</html>

 

转载于:https://www.cnblogs.com/pcd12321/p/5500961.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/271797.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MAC电脑8款常用设计工具推荐

目录 1、Sketch 3 2、Affinity Designer 3、Framer 4、PaintCode 5、Hype 3 Professional 6、Pixave 2 7、Iconjar 8、Sip for Mac and iPhone 1、Sketch 3 Sketch是完全满足我上面4条选择条件的一款UI设计工具&#xff0c;前文第50页已经提到过相关内容。 2、Affinity Designe…

matlab the installer cannot read,MATLAB安装 The installer cannot read the mwinstall.dll… | 学步园...

前提&#xff1a;安装前的文件 的 目录 不需含有 中文安装MATLAB7时弹出以下警告对话框&#xff0c;显示“ The installer cannot read the mwinstall.dll file, This is probably due to a CD reader which can only read files with an eight.three naming convention. Pleas…

专家观点:即使在云中 硬件同样至关重要

英特尔最近发布了新一代企业级CPU。第四代E5和E7CPU确实有些与众不同之处&#xff1a;更多的缓存、更多的内核、更快更多的RAM。但是大家没有发现这款产品还有一个特别的地方。 也许一切都与云有关&#xff0c;我们已经告别以前的硬件。你可能认为IT命令结构级别越高&#xff0…

matlab怎么安装compiler,关于MATLAB中compiler配置问题

按照大家的方法进行了系统配置&#xff0c;下载安装了SDK7.1&#xff0c;可运行mex setup之后还是一直弹出No supported SDK or compiler was found on this computer.Welcome to mex -setup. This utility will help you set upa default compiler. For a list of supported…

计算机硬件:内存条的基础知识笔记

在电脑硬件中&#xff0c;CPU、显卡、内存均三者是重中之重&#xff0c;所以我们在选择这些核心硬件一定要慎重。今天给大家分享一下关于的电脑内存基础知识&#xff0c;让更多的装机朋友们可以更好的学习内存相关知识。 史上最易懂的电脑内存基础知识 内存条的基本概念&#x…

数独Sudoku

数独&#xff08;すうどく&#xff0c;Sūdoku&#xff09;&#xff0c;是源自18世纪瑞士发明&#xff0c;流传到美国&#xff0c;再由日本发扬光大的一种数学游戏。是一种运用纸、笔进行演算的逻辑游戏。玩家需要根据99盘面上的已知数字&#xff0c;推理出所有剩余空格的数字&…

电脑CPU选购的几个指标

CPU的概念介绍 CPU是Central Processing Unit(中央处理器)的缩写&#xff0c;CPU的详细参数包括内核结构&#xff0c; 主频&#xff0c;外频&#xff0c;倍频&#xff0c;接口&#xff0c;缓存&#xff0c;多媒体指令集&#xff0c;制造工艺&#xff0c;电压&#xff0c;封装形…

idea生成方法注释的正确方法

生成方法注释 1.打开File -> Settings 2.Editor -> Live Templates -> 点击右边加号为自己添加一个Templates Group -> 然后选中自己的Group再次点击加号添加Live Templates 重点&#xff1a;Abbreviation那里不要用/开头的&#xff01;&#xff01;&#xff01; …

php linux 缓存文件,Linux下搭建网站提示缓存文件写入失败怎么办?

Linux下搭建网站提示缓存文件写入失败时该怎么处理&#xff1f;基于ThinkPHP框架及Linux环境搭建的网站&#xff0c;经常会遭遇缓存文件写入失败的错误提示&#xff0c;即便是现在流行的P2P网站程序便是如此&#xff0c;具体解决方法请看下文。Linux下搭建网站提示缓存文件写入…

什么是CharSequence

CharSequence是一个接口&#xff0c;比较常见的String、StringBuilder、StringBuffer都实现了这个接口。 当我们看到一个API里面有CharSequence的时候&#xff0c;它也是可以被其子类代替的&#xff0c;一般用String代替即可。

你真的了解显卡吗?显卡基础知识大扫盲

❤️作者主页&#xff1a;IT技术分享社区 ❤️作者简介&#xff1a;大家好,我是IT技术分享社区的博主&#xff0c;从事C#、Java开发九年&#xff0c;对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。 ❤️个人荣誉&#xff1a; 数据库领域优质创作者&#x1f3c6;&#x…

Servlet的运行方式

通常我们运行servlet需要在web.xml配置文件中&#xff0c;注册我们写好的servlet以及其对应的访问路径。 在学习web开发中&#xff0c;有一种不需要配置便可以直接对servlet进行配置的方式&#xff0c;在web.xml文件中添加如下代码&#xff1a; <servlet><servlet-nam…

matlab中select,[转载]MATLAB阈值获取函数ddencmp、thselect、wbmpen和w

crit(t)wdcbm的调用格式有以下两种&#xff1a;(1)[THR,NKEEP]wdcbm(C,L,ALPHA);(2)[THR,NKEEP]wdcbm(C,L,ALPHA,M);函数wdcbm是使用Birge-Massart算法获取一维小波变换的阈值。返回值THR是与尺度无关的阈值&#xff0c;NKEEP是系数的个数。[C,L]是要进行压缩或消噪的信号在jle…

使用Redis让单号从001递增

最近项目遇到一个需求&#xff0c;单号从001开始递增 下面用到了redis处理 代码如下&#xff1a; public String getId() {String key "providerManager";Long incr getIncr(key);if (incr 0) {incr getIncr(key);//从001开始}DecimalFormat df new DecimalF…

硬件知识:直接拔掉USB移动硬盘会对硬盘造成影响吗?

大家在网上经常可以看到直接拔掉移动硬盘会损坏硬盘的文章。如果说突然拔掉硬盘会造成丢失数据我还有一点相信&#xff0c;但是说会造成损坏硬盘感觉就会有些疑问了。难道USB设备在开始设计时&#xff0c;没有考虑到热插拔这个动作&#xff1f; 移动硬盘在通电工作时&#xff0…

php多个构造方法,php多构造器的实例代码

本节内容&#xff1a;php多构造器的类在php编程中&#xff0c;实例化一个类时&#xff0c;需要根据构造方法的参数个数进行初始化不用的内容&#xff0c;类似php函数或方法的可选参数。来看例子&#xff1a;复制代码 代码示例:/*** php 多构造器的类* by www.jbxue.com*/class …

硬件:显示器接口DP、HDMI、VGA、DVI有什么区别?

❤️作者主页&#xff1a;IT技术分享社区 ❤️作者简介&#xff1a;大家好,我是IT技术分享社区的博主&#xff0c;从事C#、Java开发九年&#xff0c;对数据库、C#、Java、前端、运维、电脑技巧等经验丰富。 ❤️个人荣誉&#xff1a; 数据库领域优质创作者&#x1f3c6;&#x…

判断2个list中是否有相同的数据(相交)Collections.disjoint

比较两个集合中是否有相同的元素&#xff0c;发现Collections类下的disjoint方法可以处理 Collections.disjoint() 代码如下: List<Integer> list3 new ArrayList<>(); list3.add(1); list3.add(1); list3.add(6); List<Integer> list4 new ArrayList<…

java 复杂验证码生成,java验证码生成种

java验证码生成类package cn.edu.pdsu.action;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.util.Random;import javax.imageio.ImageIO;import javax.servlet.ServletOutputStream;import javax.se…

电脑硬件:蓝屏的常见解决方案

我们在使用电脑的时候经常会遇到电脑蓝屏的故障&#xff0c;这个可以算是电脑故障最频繁出现的一个了&#xff0c;今天给大家介绍一下电脑蓝屏常见的处理办法&#xff0c;希望能给大家带来一些 帮助&#xff01; 1、电脑蓝屏一般处理办法 1、先了解发生蓝屏前电脑的情况及所做的…