Twitter bootstrap v2 和 Jquery 没有冲突

发布于 2025-01-05 09:19:33 字数 542 浏览 1 评论 0原文

我正在开发一个使用旧版本 Jquery (1.4.4) 的网站，我无法更新此版本。我想添加 Twitter Bootstrap 插件。我如何使用 jquery 才能不与这些插件发生冲突，因为它们会干扰使用 Jquery 1.4 的网站的其他功能？引导插件的模式是这样的：

!function($) {
  // code here

  // plugin definition here

} ( window.jQuery);

也许像这样？ :

<script type="text/javascript" src="/js/jquery.min17.js"></script>

     <script>
     var jq17 = jQuery.noConflict();
     </script> 

     <script type="text/javascript" src="/js/bootstrap-tab.js "></script>

原文

i m working on a website which uses an old version of Jquery (1.4.4), i can t update this version.
I want to add Twitter Bootstrap plugins.
How can i use jquery no conflict with these plugins because they are interfering with others functions of the website using Jquery 1.4?
The pattern of bootstrap plugins is like this :

!function($) {
  // code here

  // plugin definition here

} ( window.jQuery);

Maybe like this ? :

<script type="text/javascript" src="/js/jquery.min17.js"></script>

     <script>
     var jq17 = jQuery.noConflict();
     </script> 

     <script type="text/javascript" src="/js/bootstrap-tab.js "></script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

-残月青衣踏尘吟 2025-01-12 09:19:33

这是非常简单的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
    var $ = jQuery.noConflict();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
    var jq17 = jQuery.noConflict();
</script>

实时示例：http://jsbin.com/ elomit/edit#javascript,html,live

It's quite simple

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
    var $ = jQuery.noConflict();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
    var jq17 = jQuery.noConflict();
</script>

Live Example: http://jsbin.com/elomit/edit#javascript,html,live

回复收藏 0 原文

~没有更多了~