Bootstrap插件预览

桃扇骨 2022-08-23 08:57 353阅读 0赞

Bootstrap自带12种jQuery插件，可以给站点添加更多的互动。  
站点引用Bootstrap插件的方式有两种  
1.单独引用：使用个别的.js文件，一些插件和css组件依赖其他的插件。如果单独引用插件，请先确保这些插件之间的依赖关系。  
2.编译引用:使用bootstrap.js或压缩版的bootstrap.min.js都包含了所有的插件  
所有的插件依赖于jQuery，所以必须在插件文件之前引用jQuery。  
**data属性**  
解除以data-api为命名空间并绑定在文档上的事件

$(document).off('.data-api')

如果关闭一个特定的插件，只需要在data-api命名空间叫上该插件的名称作为命名空间即可

$(document).off('.alert.data-api')

**编程方式的API**  
Bootstrap插件提供了纯javascript方式的API,所有公开的API都是支持单独或链式调用方式，并且但会其操作的元素集合。

$(".btn.danger").button("toggle").addClass("fat")

所有的方法都可以接受一个可选的选项对象作为参数，或者一个特定方法的字符串，或者不带任何参数

//初始化为默认的行为
    $("#myModal").modal()
    //初始化为不支持键盘
    $("#myModal").modal({keyboard:false})
    //初始化并立即调用show
    $("#myModal").modal('show')

**避免命名空间冲突**  
某些时候Bootstrap插件可能需要与其他UI框架一起使用，这种情况下可能发生命名空间冲突。如果发生了，可以通过.noConflict方法恢复其原始值

// 返回 $.fn.button 之前所赋的值
    var bootstrapButton = $.fn.button.noConflict() 
    // 为 $().bootstrapBtn 赋予 Bootstrap 功能                         
    $.fn.bootstrapBtn = bootstrapButton

**事件**  
Bootstrap为大多数插件独特行为提供了自定义事件。  
动词不定式：show，时间开始时被触发  
过去分词形式：动作执行完毕之后被触发。shown

发表评论取消回复

表情：

评论列表（有 0 条评论，353人围观）

还没有评论，来说两句吧...

相关阅读

相关 Viewer.js 图片预览插件使用

简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支持旋

心已赠人/ 2023年08月17日 17:20/ 0 赞/ 200 阅读

相关【VUE】图片预览放大缩小插件

在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，

古城微笑少年丶/ 2023年05月29日 11:58/ 0 赞/ 3 阅读

相关前端预览excel插件_前端预览PDF，Word，Excell，PowerPoint实现

最近需要给项目添加一个在前台在线浏览文件信息的功能。 1.PDF的在线预览： 1)ios系统中PDF可以提示下载，然后点击下载，使用本机上支持pdf的应用打开； 2)An

古城微笑少年丶/ 2022年12月31日 08:27/ 0 赞/ 557 阅读

相关 Bootstrap商品弹出快速预览插件

[下载地址][Link 1]使用Bootstrap+jQuery实现的商品快速预览功能，点击快速预览图标，商品详情的弹出层出现，展现商品的详细信息以及购买按钮。这个插件可以帮助

╰+哭是因爲堅強的太久メ/ 2022年09月10日 03:25/ 0 赞/ 175 阅读

相关 Viewer.js 图片预览插件

一、简介 Viewer.js 是一款强大的图片查看器。 Viewer.js 有以下特点：支持移动设备触摸事件支持响应式支持放大/缩小支

本是古典何须时尚/ 2022年09月04日 06:57/ 0 赞/ 442 阅读

相关 Bootstrap插件预览

Bootstrap自带12种jQuery插件，可以给站点添加更多的互动。站点引用Bootstrap插件的方式有两种 1.单独引用：使用个别的.js文件，一些插件和cs

桃扇骨/ 2022年08月23日 08:57/ 0 赞/ 354 阅读

相关 jq输入框内容实时预览插件

库的作者是老外，之所以写这篇文章，感觉此库很不错，短小精悍，我想来都比较喜欢职责简单的小库。 [jQuery-Live-Preview][]：[https://github

痛定思痛。/ 2022年08月22日 03:48/ 0 赞/ 208 阅读

相关 BootStrap 图片预览

官网地址：http://plugins.krajee.com/file-input 效果 ![70][] 其他参考资料： https://blog.csdn.net/u

左手的ㄟ右手/ 2022年05月28日 03:30/ 0 赞/ 473 阅读

相关分享一个pycharm插件——滚动条预览

以前使用 sublime编辑器时，他的带预览功能的滚动条使用起来很方便，根据形状就能快速定位到都一段代码块，今天就给大家推荐一款pycharm插件来实现这种效果。 Code

刺骨的言语ヽ痛彻心扉/ 2022年02月27日 10:22/ 0 赞/ 315 阅读

相关 Vue图片预览插件viewerjs

GitHub地址：[https://github.com/fengyuanchen/viewerjs][https_github.com_fengyuanchen_viewer

灰太狼/ 2021年12月16日 08:13/ 0 赞/ 1059 阅读