簡體   English   中英

不確定如何實現noConflict()代碼

[英]Unsure of how to implement the noConflict() code

我目前正在設計一個使用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。

非常感謝任何可以幫助我的人,非常感謝。

嘗試這個:

var jq = jQuery.noConflict();

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

我已經通過使用以下代碼解決了類似的問題。

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/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM