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将不起作用。我不知道how to tackle jquery conflict。

请有人帮助任何帮助将被指定。提前致谢

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>

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

1 个答案: