码迷,mamicode.com
首页 > 其他好文 > 详细

boostrap弹框之BootstrapDialog

时间:2018-09-06 16:30:06      阅读:399      评论:0      收藏:0      [点我收藏+]

标签:.text   pen   boost   ons   标题   message   创建   action   add   

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(); }

 

boostrap弹框之BootstrapDialog

标签:.text   pen   boost   ons   标题   message   创建   action   add   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!