Question

我对javascript或导致冲突的原因知之甚少。我有一个jQuery日历，现在我没有显示我添加了Lazy Loading jquery。我不知道从哪里开始使用noConflict脚本。

我有一个主页，我使用两个jQuery文件，我遇到了冲突。第一个电话是：

//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

第二个是jQuery for lazy Loading of Bootstrap Carousel，我在网上找到了：

/js/jquery-1.7.2.min.js

Answer 1

对于这种情况，jQuery有noConflict方法。您可以在http://api.jquery.com/jquery.noconflict/

了解更多信息

在同一HTML文件中使用两个版本的jQuery的示例：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.noConflict demo</title>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div id="log">
  <h3>Before $.noConflict(true)</h3>
</div>
<script src="//code.jquery.com/jquery-1.6.2.js"></script>

<script>
var $log = $( "#log" );

$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );

// Restore globally scoped jQuery variables to the first version loaded
// (the newer version)

jq162 = jQuery.noConflict( true );

$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>

</body>
</html>

JQuery Conflict并不确定如何修复

1 个答案: