Bootstrap插件通过noConfllict 避免冲突
避免冲突
Bootstrap的插件,可以跟其它UI库的同名插件友好共存,为了防止Bootstrap插件被覆盖,Bootstrap的所有插件,均支持 noConflict 功能。
比如,在同一个页面中导入了多个框架,它们都定义了 button 插件,这就会发生冲突,出现相互覆盖的问题。此时,可以使用以下方法恢复Bootstrap的 button插件:
var bootstrapButton = $.fn.button.noConflict() // 让 $.fn.button 恢复为以前保存的值
$.fn.bootstrapBtn = bootstrapButton // 让 $().bootstrapBtn 拥有 Bootstrap 的功能
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
Bootstrap插件通过noConfllict 避免冲突相关推荐
- Bootstrap插件
1 BootStrap插件使用规则 1.1 单个引入 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js ...
- Bootstrap学习(三)——Bootstrap 插件
Bootstrap学习(三)--Bootstrap 插件 Bootstrap 插件 Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动. 站点引用 Boots ...
- Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式
Bootstrap -- 插件: 按钮状态.折叠样式.轮播样式 1. 按钮(Button)插件:可以添加进一些交互,比如控制按钮状态. 如需向按钮添加加载状态,只需要简单地向 button 元素添加 ...
- 建模大师怎么安装到revit中_「Revit技巧」插件挤满了、冲突了,怎么办?
随着BIM技术应用的逐渐深入,Revit插件使用频率越来越高,这个过程中不可避免的出现了以下常见问题: 1)插件占用界面大,影响revit正常使用: 2)部分开发团队代码不严谨,插件相互冲突无法打开: ...
- 黄聪: 50 个 Bootstrap 插件
Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你 ...
- 50 个 Bootstrap 插件
Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你 ...
- Bootstrap 插件的事件
插件的事件 Bootstrap对多数插件的独有行为提供了自定义事件.一般而言,这些事件都是以(英语)动词的原型和过去分词形式来表示的.动词原形形式的事件(如,show)在事件执行之前触发:过去分词形式 ...
- Bootstrap 插件的选项
插件的选项 为了对插件提供更多的控制,Bootstrap为某些插件提供了一些选项.对于所有的插件,这些选项都可以通过 data 属性或JavaScript进行设置. 如果使用 data 属性,则要将选 ...
- vscode怎么禁用插件_VSCode常用插件用户设置常见冲突解决
VSCode简介. Visual Studio Code是一个轻量级,跨平台,功能强大的源代码编辑器,能兼容市面上所有的编程语言. 相关链接:https://code.visualstudio.com ...
最新文章
- JavaScript学习笔记(七)——函数的定义与调用
- 201521123108《Java程序设计》第14周学习总结
- java kaptcha_java相关:kaptcha验证码使用方法详解
- 普通计算机网络和工业控制网络的区别,浅谈工控电脑和普通电脑的区别
- es6 数组合并_13个不low的JS数组操作,你需要知道一下
- Flex 给PopUpButton 设置皮肤
- SpringBoot整合Jersey2.x实现文件上传API
- MyCAT与MySQL导入、导出文件
- 学生信息管理系统源码
- 微软面试智力题 (附答案)
- Sublime快捷键 PyV8的下载与安装
- 2019数据安装勾选_建筑CAD首选软件~【T20 天正建筑 V5.0 安装教程】
- 黑马点评项目-优惠券秒杀
- Python爬虫:Scrapy-redis分布式爬虫讲解
- 利用PPT制作不一样的动态文字技巧
- pycharm中的Run with Python console功能是什么意思?
- 【Web】HTML(No.06)表格标签经典案例《小说排行榜》
- SIwave仿真入门 | PI篇——封装PDN参数仿真
- 服务器集群有哪些类型
- java数组总结及键盘输入方法
热门文章
- 使用OpenSSL工具制作X.509证书的方法及其注意事项总结
- console 调试javascript
- 最全的CSS浏览器兼容问题(转至http://68design.net/Web-Guide/HTMLCSS/37154-1.html)
- tornado实现基于websocket的好友一对一聊天功能
- SSH ALL-IN-ONE
- 浅入浅出——我的perforce客户端教程之二(或:p4v使用教程)
- MacOS Docker版本FastDFS安装指南
- 计算机作曲 研究生 武汉音乐学院,计算机音乐作曲(武汉音乐学院2021年招收攻读硕士学位研究生考试大纲)...
- 灰度调节_MIUI12稳定版第二批部分全量推送,小米8灰度测试,新增三大亮点
- PHP中Cookie的使用