jquery - 如何解决jquery mobile和jquery中的jquery冲突

Question

我正在做一个在移动设备中查看的网站，并使用了移动 CSS 和 jquery 来实现效果。我使用了以下代码来实现样式和效果。

<link rel="stylesheet" href="<?=base_url()?>css/jquery_01.css" /> 

 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.js"></script>

在我的网站中，我有一部分用于绘图，因此我使用了 jquery

http://slot.pixelass.com/

但是当我包含上述移动jquery时，用于绘图的jquery将无法工作。我不知道如何解决jquery冲突。

请有人帮忙，我们将不胜感激。提前致谢

Answer 1

有一个名为 jQuery.noConflict() 的特定 jQuery 函数可以帮助消除与其他库的任何冲突。这是 jQuery's documentation 的片段:

<script type="text/javascript">
  // This takes out the jQuery variable '$' from the global scope
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>