Question

我目前正在设计一个网站，我正在使用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 。< / p>

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

Answer 1

试试这个：

var jq = jQuery.noConflict();

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

Answer 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 ); });}

有关详细信息，请查看http://api.jquery.com/scrollTop/ 和http://api.jquery.com/category/offset/

不确定如何实现noConflict（）代码

2 个答案: