gpt4 book ai didi

javascript - 2 JS函数同名冲突

转载 作者:数据小太阳 更新时间:2023-10-29 04:01:36 26 4
gpt4 key购买 nike

在同一页面使用 2 个库:jQuery UI 和 Twitter Bootstrap:

  • jQuery UI 对我来说非常重要,因为几乎所有的 UI 东西都是基于它构建的
  • Twitter Bootstrap 仅适用于 split button with dropdown menu功能。

现在,问题是两个库都有相同的命名函数,它们相互冲突:

详细

这里是 jQuery UI 和 Twitter Bootstrap 按钮功能冲突的例子

请输入to this website .按 table 上的推荐按钮

enter image description here

jQuery UI 模态窗口将会出现。我用了jquery ui combobox在模态窗口内。问题是,没有向下箭头按钮,如 jquery ui combobox 所示。演示。

enter image description here

我试图找到导致问题的原因:查看组合框代码,当它调用 .button() 时,它进入了 bootstrap.min.js,而不是 jqui.js。

如您所见,它证明了 2 个 js 库之间存在冲突。

顺便说一句,这是jsFiddle它在没有 Bootstrap 的情况下运行良好。

问题

我有多种方法来解决这个冲突问题(不涉及网站的功能)我需要获得与 split button with dropdown menu (Twitter Bootstrap): 完全相同的功能

  • 如果可能,在 jQuery-UI 中(类似 this 但带有下拉菜单)
  • else 仅在 CSS + HTML 中

并摆脱 Twitter Bootstrap。非常感谢任何解决方案。我准备好回答 200 个代表(作为赏金)。提前致谢

最佳答案

当前版本的 bootstrap (v2.2.2) 现在有一个 noConflict 选项。只需在您的 bootstrap 和 jquery 脚本标签之后但在使用 button() 之前的某个位置插入这个功能。

<script type='text/javascript'>
$.fn.bootstrapBtn = $.fn.button.noConflict();
</script>

或者,您可以使用 $(document).ready(handler) , 但您仍然必须确保替换发生在 button() 之前被称为。

执行该行代码后,button()将是 JqueryUI 的按钮,bootstrapBtn()将是 Bootstrap 的版本。

关于javascript - 2 JS函数同名冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12550760/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com