博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootboxjs快速制作Bootstrap的弹出框效果
阅读量:4312 次
发布时间:2019-06-06

本文共 1804 字,大约阅读时间需要 6 分钟。

Bootboxjs是一个简单的js库,简单快捷帮你制作一个Bootstrap的弹出框效果。

一、简介

bootbox.js是一个小的JavaScript库,它帮助您在使用bootstrap框架的时候快速的创建一个对话框,也可以帮您创建,管理或删除任何所需的DOM元素或js事件处理程序。

相比之下,你就得写不bootbox代码:

 

二、核心方法

bootbox.js使用三方法设计模仿他们的本地JavaScript一些方法。他们确切的方法签名是灵活的每个可以采取各种参数定制标签和指定缺省值,但它们通常被称为一样:

  • bootbox.alert(message, callback)
  • bootbox.prompt(message, callback)
  • bootbox.confirm(message, callback)

唯一需要的参数是alert是 message; callback是必需的 confirm 和 prompt 调用以确定用户的响应。甚至当调用警报回调是确定当用户 驳回对话框由于我们的包装方法不能不要块 像他们的母语是有用的:他们是异步而非同步。

这三种方法调用四分之一个公共方法,你也可以使用你自己的自定义对话框创建 :

bootbox.dialog(options)

更多api帮助文档请参见:

三、基本示例

请注意:“例子”对象用下面的例子 只显示一个通知,帮助说明每个回调被调用时。这是不 做bootbox本身,但你可能查看其源如果你在它是如何工作的 感兴趣。

Alert

bootbox.alert("Hello world!", function() {Example.show("Hello world callback");});

 

Confirm

bootbox.confirm("Are you sure?", function(result) {Example.show("Confirm result: "+result);});

 

Prompt

bootbox.prompt("What is your name?", function(result) {if (result === null) {Example.show("Prompt dismissed");} else {Example.show("Hi "+result+"");}});

Custom Dialog

bootbox.dialog({message: "I am a custom dialog",title: "Custom title",buttons: {success: {label: "Success!",className: "btn-success",callback: function() {Example.show("great success");}},danger: {label: "Danger!",className: "btn-danger",callback: function() {Example.show("uh oh, look out!");}},main: {label: "Click ME!",className: "btn-primary",callback: function() {Example.show("Primary button");}}}});

四、下载版本4.3.0

最新的稳定版本是bootbox4.3.0。你可以下载压缩版本的在生产中使用 ,或未压缩的用于开发。我不会推荐外 或者文件作为GitHub不为正确的MIME类型,这可能会导致安全警告是基于浏览器的设置触发。

如果你希望你可以看到一个或下载整个库的最新版本(包括建立文件和测试) 邮编或包格式。 现实的唯一的原因,你应该使用以外的4,x.x系列是如果你 限制版,引导你用看到下面的 部分全由是。

 

 

转载于:https://www.cnblogs.com/horanly/p/6434239.html

你可能感兴趣的文章
btn按钮之间事件相互调用
查看>>
Entity Framework 4.3.1 级联删除
查看>>
codevs 1163:访问艺术馆
查看>>
冲刺Noip2017模拟赛3 解题报告——五十岚芒果酱
查看>>
并查集
查看>>
sessionStorage
查看>>
代码示例_进程
查看>>
Java中关键词之this,super的使用
查看>>
人工智能暑期课程实践项目——智能家居控制(一)
查看>>
前端数据可视化插件(二)图谱
查看>>
kafka web端管理工具 kafka-manager【转发】
查看>>
获取控制台窗口句柄GetConsoleWindow
查看>>
Linux下Qt+CUDA调试并运行
查看>>
51nod 1197 字符串的数量 V2(矩阵快速幂+数论?)
查看>>
OKMX6Q在ltib生成的rootfs基础上制作带QT库的根文件系统
查看>>
zabbix
查看>>
多线程基础
查看>>
完美解决 error C2220: warning treated as error - no ‘object’ file generated
查看>>
使用SQL*PLUS,构建完美excel或html输出
查看>>
SQL Server数据库笔记
查看>>