避免冲突

Bootstrap的插件,可以跟其它UI库的同名插件友好共存,为了防止Bootstrap插件被覆盖,Bootstrap的所有插件,均支持 noConflict 功能。

比如,在同一个页面中导入了多个框架,它们都定义了 button 插件,这就会发生冲突,出现相互覆盖的问题。此时,可以使用以下方法恢复Bootstrap的 button插件:

  1. var bootstrapButton = $.fn.button.noConflict()  // 让 $.fn.button 恢复为以前保存的值
  2. $.fn.bootstrapBtn = bootstrapButton   // 让 $().bootstrapBtn 拥有 Bootstrap 的功能

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

Bootstrap插件通过noConfllict 避免冲突相关推荐

  1. Bootstrap插件

    1 BootStrap插件使用规则 1.1 单个引入 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js ...

  2. Bootstrap学习(三)——Bootstrap 插件

    Bootstrap学习(三)--Bootstrap 插件 Bootstrap 插件 Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动. 站点引用 Boots ...

  3. Bootstrap -- 插件: 按钮状态、折叠样式、轮播样式

    Bootstrap -- 插件: 按钮状态.折叠样式.轮播样式 1. 按钮(Button)插件:可以添加进一些交互,比如控制按钮状态. 如需向按钮添加加载状态,只需要简单地向 button 元素添加 ...

  4. 建模大师怎么安装到revit中_「Revit技巧」插件挤满了、冲突了,怎么办?

    随着BIM技术应用的逐渐深入,Revit插件使用频率越来越高,这个过程中不可避免的出现了以下常见问题: 1)插件占用界面大,影响revit正常使用: 2)部分开发团队代码不严谨,插件相互冲突无法打开: ...

  5. 黄聪: 50 个 Bootstrap 插件

    Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你 ...

  6. 50 个 Bootstrap 插件

    Bootstrap是快速开发Web应用程序的前端工具包.它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等. 本文向你 ...

  7. Bootstrap 插件的事件

    插件的事件 Bootstrap对多数插件的独有行为提供了自定义事件.一般而言,这些事件都是以(英语)动词的原型和过去分词形式来表示的.动词原形形式的事件(如,show)在事件执行之前触发:过去分词形式 ...

  8. Bootstrap 插件的选项

    插件的选项 为了对插件提供更多的控制,Bootstrap为某些插件提供了一些选项.对于所有的插件,这些选项都可以通过 data 属性或JavaScript进行设置. 如果使用 data 属性,则要将选 ...

  9. vscode怎么禁用插件_VSCode常用插件用户设置常见冲突解决

    VSCode简介. Visual Studio Code是一个轻量级,跨平台,功能强大的源代码编辑器,能兼容市面上所有的编程语言. 相关链接:https://code.visualstudio.com ...

最新文章

  1. JavaScript学习笔记(七)——函数的定义与调用
  2. 201521123108《Java程序设计》第14周学习总结
  3. java kaptcha_java相关:kaptcha验证码使用方法详解
  4. 普通计算机网络和工业控制网络的区别,浅谈工控电脑和普通电脑的区别
  5. es6 数组合并_13个不low的JS数组操作,你需要知道一下
  6. Flex 给PopUpButton 设置皮肤
  7. SpringBoot整合Jersey2.x实现文件上传API
  8. MyCAT与MySQL导入、导出文件
  9. 学生信息管理系统源码
  10. 微软面试智力题 (附答案)
  11. Sublime快捷键 PyV8的下载与安装
  12. 2019数据安装勾选_建筑CAD首选软件~【T20 天正建筑 V5.0 安装教程】
  13. 黑马点评项目-优惠券秒杀
  14. Python爬虫:Scrapy-redis分布式爬虫讲解
  15. 利用PPT制作不一样的动态文字技巧
  16. pycharm中的Run with Python console功能是什么意思?
  17. 【Web】HTML(No.06)表格标签经典案例《小说排行榜》
  18. SIwave仿真入门 | PI篇——封装PDN参数仿真
  19. 服务器集群有哪些类型
  20. java数组总结及键盘输入方法

热门文章

  1. 使用OpenSSL工具制作X.509证书的方法及其注意事项总结
  2. console 调试javascript
  3. 最全的CSS浏览器兼容问题(转至http://68design.net/Web-Guide/HTMLCSS/37154-1.html)
  4. tornado实现基于websocket的好友一对一聊天功能
  5. SSH ALL-IN-ONE
  6. 浅入浅出——我的perforce客户端教程之二(或:p4v使用教程)
  7. MacOS Docker版本FastDFS安装指南
  8. 计算机作曲 研究生 武汉音乐学院,计算机音乐作曲(武汉音乐学院2021年招收攻读硕士学位研究生考试大纲)...
  9. 灰度调节_MIUI12稳定版第二批部分全量推送,小米8灰度测试,新增三大亮点
  10. PHP中Cookie的使用