Prototype与Bootstrap冲突问题及解决

Posted day2115

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Prototype与Bootstrap冲突问题及解决相关的知识,希望对你有一定的参考价值。

修改 prototype.js 文件,Element.Methods:hide下面添加并修改代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

hide: function(element) {
  var isBootstrapEvent = false;
  if (window.jQuery) {
    jQuery(‘*‘).on(‘hide.bs.dropdown‘, function( event ) {
    isBootstrapEvent = true;
  });
    jQuery(‘*‘).on(‘hide.bs.collapse‘, function( event ) {
    isBootstrapEvent = true;
  });
    jQuery(‘*‘).on(‘hide.bs.modal‘, function( event ) {
    isBootstrapEvent = true;
  });
  }
  if(!isBootstrapEvent){
    $prototype(element).style.display != ‘none‘;
  }
  else{
    $prototype(element).style.display = ‘none‘;
  }
  return element;
},

 

 




















以上是关于Prototype与Bootstrap冲突问题及解决的主要内容,如果未能解决你的问题,请参考以下文章

JQuery Validate 似乎与 Bootstrap 冲突

模态语义 UI React 与 Bootstrap 发生冲突

一些layui与bootstrap混用会有啥冲突或者影响吗

处理 Bootstrap CSS 冲突

一些layui与bootstrap混用会有啥冲突或者影响吗

jQuery ui datepicker 与 bootstrap datepicker 冲突