不确定如何实现 noConflict() 代码答案

【问题标题】：Unsure of how to implement the noConflict() code不确定如何实现 noConflict() 代码
【发布时间】：2011-10-15 11:38:09
【问题描述】：

我目前正在设计一个使用 jQuery ScrollTo 插件的网站，该插件使用 jQuery 1.6.2 库。作为网站的一部分，我需要创建一个 Ajax 联系表单（我需要确保它不会将用户带到另一个页面，因为它是一个垂直滚动的站点，其中所有内容都在一个页面上）。我能找到的唯一 jQuery Ajax 表单使用 jQuery 1.3.2。我已经阅读了一些关于 noConflict() 模式的信息，但是作为 Java/PHP 的初学者，我真的不知道如何使用它。

我目前的<head>代码如下：

<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="form/js/jquery-1.3.2.js"></script>

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

前两行是调用两个jQuery库，第二行是滚动和表单的具体代码。

我真的不清楚如何对这些代码使用 noConflict，有人可以帮助我吗？我知道这个问题已经被问过很多次了，但我只是被它弄糊涂了！

请注意，我在页面中调用了我的库，但在主页文档中实际上没有编写任何 JS，它都在其他文件中，例如：form/js/js.js。

非常感谢任何可以帮助我的人，非常感谢。

【问题讨论】：

您找不到在 1.6 中工作的 jQuery Ajax Form 插件？不可能，至少应该有几个……
这个 - jquery.malsup.com/form - 与 1.3.2 及更高版本兼容。（上次更新是一周前。See here。）
这也可能与Can I use multiple versions of jQuery on the same page? 和How do I run different versions of jQuery on the same page? 重复
How do I run different versions of jQuery on the same page?的可能重复
另外 1.6.x 可以在不使用插件的情况下轻松地 ajax 表单

标签： javascript jquery

【解决方案1】：

试试这个：

var jq = jQuery.noConflict();

(function($) { 
  $(function() {
    // more code using $ as alias to jQuery
  });
})(jq );

【讨论】：

你也可以jq(function($) {...}).
非常感谢，我需要在

【解决方案2】：

我已经通过使用下面的代码解决了我的类似问题。

HTML 代码：

<div class="mycssclass">
<h2 >FAQs</h2>
<p >01. <a href="#06Answer">This is my first Question?</a>
</p>
</div>
----
----
<p><a name="01Answer"></a>
<br>This is my Answer.</p>

JQuery 代码：

customfaq: function(){ 
$('.mycssclass p:eq(1)').click(function(){
var p = $(".mycssclass p:eq(1)");
var position = p.position();
$(document).scrollTo( {top:position.top,left:position.left}, 800 ); });}

【讨论】：

不知道这是如何回答问题的。