boostrap弹框之BootstrapDialog

function dialogInit(){  var $html = $(‘<div><ul><li><span>这是弹框里面的内容</span></li></ul></div>‘)
  var dialog = new BootstrapDialog({
        title: ‘弹框标题‘,
        message: $html,//弹框中间的内容
        buttons: [{
            label: ‘取消‘,
            action: function(newCatalogue){
                newCatalogue.close();
            }
        },{
            label: ‘创建‘,
            cssClass: ‘btn btn-primary‘,//给按钮加样式,btn、btn-primary为定义好的class
            action: function(newCatalogue){
                addDialog(newCatalogue);//点击创建触发函数
            }
        }],
        onshow: function(){
            shown()//弹框显示前触发函数
        },
        onshown: function(){
            shown()//弹框显示后触发函数        alert($html.find(‘span‘).text()); 
        }
})
dialog.open();
}

原文地址:https://www.cnblogs.com/zzwlong/p/9598456.html

时间: 2024-07-31 13:42:18

boostrap弹框之BootstrapDialog的相关文章

我发现调用boostrap的弹框

在引用了boostrap.js和boostrap.css之后 本来boostrap是基于jQuery的.但是我们的项目里没有用jQuery,而是用的zepto. 调用boostrap的弹框有两种方式: 1.js; 2.通过纯结构 这两种方式在pc里都是没有问题的. 结果我在微信里打开的时候居然打不开 结论:如果是基于jQuery的话在pc端和移动端弹出框都是能调出来. 但是基于zepto的话在pc端用纯结构方式也能调出来,而在移动端纯结构方式也调不出来了.

echart地图+散点图表,点击散点触发BootstrapDialog弹框

echart地图和散点图结合,点击散点触发BootstrapDialog弹框. 需要引入文件jquery.bootstrap.bootstrap-dialog.min.js.echarts.min.js.echart地图用的china.js function repCityStrategy(rsData){//触发echart地图的,rsData是传给echart的数据 var mapType = $('#selectCityPrev').find('option:selected').val(

layer弹框的上面各个属性 -可配置

<script type="text/javascript"> 12 //eg 13 layer.open({ 14 title:"标题信息提示",//标题信息 15 content: 'test',//内容区域 16 move: false,//是否可以拖动,默认可以拖动 17 btn: ['按钮一', '按钮二', '按钮三'], 18 btn1: function(index){ 19 //按钮[按钮一]的回调 20 layer.close(ind

js弹框3秒后自动消失

开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法.该弹框使用了jquery-ui中的draggable方法,可拖动. 目录结构如下: 下面是案例代码: demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

弹框提示用户输入

在很多页面,都会有提示用户输入账号和密码的弹框.并保障用户的良好体验效果. <html>   <head>   <title></title>   <meta http-equiv="content" content="text/html" charset="utf-8"/>   <style type="text/css">   body{   back

3种常用IOS弹框

目前为止,已经知道3种IOS弹框: 1.系统弹框-底部弹框 UIActionSheet (1)用法:处理用户非常危险的操作,比如注销系统等 (2)举例: UIActionSheet *sheet = [[UIActionSheet alloc] initWithTitle:@"确定要注销?" delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"确定" otherButton

android如果给TextView或EditText的email链接加下划线,并在点击在email连接上可以弹框显示

如何把textview的一些文字加上背景色: Spannable str = new SpannableString("#fdsfdfsdfdsfd#"); Matcher matcher = getEmailPattern().matcher((CharSequence) str); while (matcher.find()) { int start = matcher.start(); int end = matcher.end(); str.setSpan(new Foregr

未加域客户端使用Lync时反复弹框要求输入凭证

最近发现部分未加域客户端打开Lync 2010时反复弹框要求输入凭证,且提示与Exchange进行连接时凭证错误,此时感觉问题原因因该是发生在两端客户端信息不匹配导致的,此时在Lync客户端帐号登录处输入完整域帐号(帐号@域名)后,并记住密码后无任何报错信息,且退出重新登录也不再提示,outlook相关日历信息也得到了正常同步. 未加域客户端使用Lync时反复弹框要求输入凭证,布布扣,bubuko.com

如果exclipe中Java视图中Consol跑偏了单独形成一个弹框怎么办?

问题如图: 不和其他的在同一窗体中,而且拖动也拖不进去,则是使用以下方法: 点击工具栏上的Window--->点击Reset Perspective...这样就可以解决了. 如果exclipe中Java视图中Consol跑偏了单独形成一个弹框怎么办?,布布扣,bubuko.com