bootstrap3-dialog-master模态框

掌握Bootstrap 3.3.7:响应式前端框架核心特性与应用 本文还有配套的精品资源,点击获取 简介:Bootstrap 3.3.7是一个稳定且广泛使用的前端框架,它提供了一个完整的工具集用于创建响应式和移动优先的网站。这个框架的核心特性包括响应式网格系统、一系列预定义的CSS样式、易于使用的JavaScript组件以及丰富的定制选项。开发者可以通过使用网格系统轻松创建适应不同屏幕尺寸的页面,利用预定义的CSS类快速构建界面,以及借助... 阅读详情

  bootstrap3-dialog-master是一款高效,灵活的模态框,此处为基本知识!



1、源码地址

https://github.com/nakupanda/bootstrap3-dialog


2、效果展示




3、示例代码

所需引入的js和css

<link rel="stylesheet" type="text/css" href="css/bootstrap-dialog.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/bootstrap-dialog.js"></script>
初始化

<button type="button" id="tm" class="btn btn-primary" style="margin: 100px;"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>点我</button>
			
js实现代码

<script >
					
					$(function(){
					
					$('#tm').on('click',function(){

						BootstrapDialog.show({
							type : BootstrapDialog.TYPE_DANGER,
	  						message: '你确定要删除吗?',
	  						size : BootstrapDialog.SIZE_NORMAL,
							buttons: [{
							label: '确定',
							action: function(dialog) {
							dialog.close();
							}
							}, {
							label: '取消',
							action: function(dialog) {
							dialog.close();
							}
							}]
						});
							})	
					})	


				
					</script>




bootstrap3-dialog 基于bootstrap3的弹出层组件 /* Author:虹妹子 * Date:2015-04-18 * 说明: * 本js只是在bootstrap3-dialog的基础上进行的2次封装, * bootstrap3-dialog已经是非常好用了,调用也非常简单。 * 详情请访问:https://github.com/nakupanda/bootstrap3-dialog, * 这是原项目地址,可以自行下载,然后查看效果。 * * * 可能是个人习惯问题,本人喜欢自己进行2次封装,这里 * 这是把我封装的代码分享给大家,使用起来个人感觉更加简单了!! * * 如果有什么问题欢迎加本人QQ:307364451联系 * *****特别声明:本人不是妹子,我媳妇是 妹子 :-) :-) :-) **/ 立即下载

相关推荐

bootstrap3-dialog

dist目录下取相关js,css文件。使用说明可参考:https://blog.youkuaiyun.com/mezheng/article/details/84063040

bootstrap3-dialog:更强大、更灵活的模态框

nakupanda开源作者封装了一个更强大、更灵活的模态框——bootstrap3-dialog

沉默王二 4万+

bootstrap3-dialog可用于angularJS+bootstrap前段的弹框alert

本实例参考了其他人的例子,并对alert弹框做了改进,调整位置居中 具体修改: bootstrap.min.css:.modal-dialog{width:600px;margin:300px auto} bootstrap-dialog.min.css:.bootstrap-dialog .bootstrap-dialog-message{font-size:14px;text-align: center;}

bootstrap3-dialog使用实例

转载自:http://nakupanda.github.io/bootstrap3-dialog/ Monkeys love the Modal Dialog from Bootstrap, but they're getting angry because they have to write this stuff: class="modal fade"> class="mod

lijunlinlijunlin的专栏 8771

bootstrap3-dialog-master模态框使用详解

bootstrap3-dialog-master是一款高效,灵活的模态框,此处为基本知识! 1、源码地址 https://github.com/nakupanda/bootstrap3-dialog 2、效果展示 3、示例代码 所需引入的js和css <link rel="stylesheet" type="text/css" href="css/bootstrap-dialog.css" rel="external nofollow" > <link rel="stylesheet" type="text/css" href="css/bootstrap.css" rel="

bootstrap3 dialog 更强大、更灵活的模态框

用过bootstrap框架的同学们都知道,bootstrap自带的模态框用起来很不灵活,可谓鸡肋的很。但nakupanda开源作者封装了一个更强大、更灵活的模态框——bootstrap3-dialog。 一、源码下载 bootstrap3-dialog git下载地址 二、效果展示 1.error警告框 2.confirm确认选择框 3.Success提示框 4.ajax加载远程页面弹出框 5.ajax加载自定义页面弹出框 三、使用方法 bootstrap3-dialog的demo中已有很详细的介绍,但对于初学者来说是个麻烦,还要一个一个方法和注释去看。但我对这些常用的方法进行了新的

bootstrap3-dialog 使用说明

bootstrap3-dialog 使用模态对话框 <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss

汪小哥 1万+

bootstrap3-dialog-master对话框

bootstrap对话框源码

bootstrap 彈窗默認打開_一款轻量级的Bootstrap 3模态弹窗插件--bootstrap3-dialog

Web开发中,模态弹窗应该是避免不了的事情,提示消息,确认操作等都需要使用到弹窗。那么,如果你在项目开发中使用了bootstrap前端框架呢,弹窗这件事情又如何处理?是用bootstrap官方提供的,还是自己封装?这里给大家推荐一款已经成熟的Bootstrap 3轻量级模态弹窗插件--bootstrap3-dialog。当然,bootstrap3的弹窗插件还有其他的,有兴趣的话,大家可以自己搜索一...

weixin_30510711的博客 590

光耦继电器电路分析

光耦电路的分析笔记

MingYue_SSS的博客 6881

一文读懂客户健康度

什么是客户健康度?客户健康度为什么重要?怎么计算客户健康度?这篇文章,我们来聊聊。

m0_62700043的博客 1420

java中dialog的模态_bootstrap3-dialog-master模态框使用详解

bootstrap3-dialog-master是一款高效,灵活的模态框,此处为基本知识!1、源码地址2、效果展示3、示例代码所需引入的js和css初始化点我js实现代码$(function(){$('#tm').on('click',function(){BootstrapDialog.show({type : BootstrapDialog.TYPE_DANGER,message: '你确定要...

weixin_35316287的博客 177

ArcGIS新手必看:HWSD2土壤数据从下载到批量提取TIFF的完整流程

本文详细介绍了ArcGIS中HWSD2土壤数据的完整处理流程,从数据下载、预处理到批量提取TIFF文件。涵盖栅格属性表构建、属性数据连接及性能优化等关键步骤,帮助新手高效掌握HWSD2数据提取技术,提升地理信息数据处理效率。

ll5678的博客 1036

bootstrap3-dialog自定义模态框使用

//相关文件引入 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel ="stylesheet" type = "text/css" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstr...

qq_36574122的博客 812

线性代数知识点整理

线性代数基础知识点摘要整理

cuguanren的博客 3万+

基于STM32的智能宠物喂食系统设计与实现(代码+PCB )

STM32;DHT11;本系统的软件程序基于Keil MDK-ARM V5集成开发环境进行编写和编译。Keil MDK是ARM公司官方推荐的嵌入式开发工具,支持ARM Cortex-M系列微控制器的程序开发,内置ARM C/C++编译器、调试器和仿真器,具有代码编辑、语法高亮、工程管理和在线调试等功能,是STM32开发领域应用最为广泛的IDE之一。

3254968421的博客 72

Bootstrap v3 之模态框的使用

首先在网页文件中引入bootstrap的三个文件,分别是jquery、js、css这三个文件。此时实现模态框打开的两种方式就都实现了!此时打开模态框功能就实现了。这里建议使用第一种方法!

yusuhbdybxbdhj的博客 1170

Android 系统低内存lowmemorykiller关于阈值修改 minfreeAbsKbytes优化

在系统rom定制化开发中,在对于运行内存ram 1G和2G的设备中,对于内存使用高峰期时,minfreeAbsKbytes优化很关键 调整合理的minfree,让内存合理的使用很关键,接下来分析相关功能的实现

安卓兼职framework和app工程师的博客 524

推荐开源项目:Bootstrap3-Dialog——让Bootstrap模态框更易用

推荐开源项目:Bootstrap3-Dialog——让Bootstrap模态框更易用 在Web开发中,Bootstrap的模态框(Modal)是常用的一种交互元素,但有时它的灵活性和定制性可能略显不足。为此,我们向您推荐一个强大的扩展库——Bootstrap3-Dialog,它将Bootstrap模态框的使用变得更简单,更强大。 1、项目介绍 Bootstrap3-Dialog是由nakupand...

gitblog_00099的博客 503

LeRobot 入门教程(十)LIBERO 机器人终身学习评估

LIBERO是一项专注于机器人终身学习(LLDM)的基准测试平台,包含130项任务,分为5大套件(空间推理、物体操作、目标约束等)。LeRobot框架已集成LIBERO,支持单/多套件评估,并兼容SmolVLA模型。训练需使用预处理数据集(HuggingFaceVLA/libero),观测数据需符合规范(8维状态+双摄像头图像)。该平台采用MuJoCo模拟,支持无头服务器运行,旨在推动机器人持续学习算法的发展与标准化评估。

2506_90492529的博客 1663

嵌入式开发环境Vscode开发STM32单片机程序

STM32单片机非常强大,大多数教程都是使用 keil 编译器,keil 是收费的而 gcc 是开源免费的。这里介绍一些使用 gcc +开发单片机程序的经验。(这里不解释 gcc 是什么)。

嵌入式技术开发 1843

BootstrapDialog例子和参数文档中文导航

官方例子没有目录,随手做了一个顺便加了点中文注释的方便以后查找

Bryce96的博客 1176

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

bootstrap中弹出窗体dialog的自定义

感谢nakupanda的https://github.com/nakupanda/bootstrap3-dialog 根据需要弹出窗体,但是可以移动,不遮挡下面的内容,所以就修改了源代码,添加了一个属性:dataBackdrop,如果为false,则不生成遮罩。同时添加了缩小按钮 var dialogId = 'eventModal'; var dialog = ...

weixin_30632089的博客 3771

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain&#39;s apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath(&#39;DeepLearnToolbox&#39;));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand(&#39;state&#39;,0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W&#39;); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand(&#39;state&#39;,0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = &#39;sigm&#39;;%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, &#39;Too big error&#39;);```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand(&#39;state&#39;,0)sae = saesetup([784 100]);sae.ae{1}.activation_function = &#39;sigm&#39;;sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)&#39;)% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;;nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, &#39;Too big error&#39;);```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x&#39;,28,28,60000))/255;test_x = double(reshape(test_x&#39;,28,28,10000))/255;train_y = double(train_y&#39;);test_y = double(test_y&#39;);%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you&#39;ll get around 1.2% errorrand(&#39;state&#39;,0)cnn.layers = { struct(&#39;type&#39;, &#39;i&#39;) %input layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 6, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %sub sampling layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 12, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, &#39;Too big error&#39;);```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, &#39;Too big error&#39;);%% ex2 neural net with L2 weight decayrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex3 neural net with dropoutrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex4 neural net with sigmoid activation functionrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex5 plotting functionalityrand(&#39;state&#39;,0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = &#39;softmax&#39;; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand(&#39;state&#39;,0)nn = nnsetup([784 20 10]); nn.output = &#39;softmax&#39;; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

bootstrap3 弹出框上下居中例子

1、修改bootstrap3 bootstrap3.css文件让弹出框上下居中 @media (min-width: 768px) {   .modal-dialog {     width: 600px;     margin: 300px auto;    //修改此处  默认是30px的   }   .modal-content {     -webkit-box-

梦想起飞的地方......... 4133

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Bootstrap v3.3.7,解决模态框居中,亲测有效哦!

不需要去Bootstrap v3.3.7.js里面去找代码(小眼睛都看成大眼睛了),你只要在你使用Bootstrap模态框的那个页面的js里面加上下面的代码,就可以了(什么都不用改,直接粘贴就可用了) $(document).on(‘show.bs.modal’,’.modal’,function(e){ var $this= $(this); var $modal_dialog = $this.find(’.modal-dialog’); $this.css(‘display’, ‘block’); Ka

u014237592的博客 524

Bootstrap--BootstrapDialog

这里有两种展现方式 写在前面:首先你要引入的库有 css : bootstrap.min.css bootstrap-dialog.css js : jquery-1.11.1.min.js bootstrap.min.js bootstrap-dialog.js1、通过html代码显示 <!-- Button trigger modal 弹出框的触发器 --

二到家的小熊的博客 6322
上一篇: twitter-bootstrap-typeahead文本框搜索提醒组件
下一篇: bootstrap-confirmation
让程序飞
博客等级 码龄10年 8831粉丝 99原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

让程序飞

您的鼓励将是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值