ファンシーボックスと他のJQueryとの競合

Question

私は3つの異なるJQueryプラグインを使ってウェブサイトを構築しています。

• http://web-kreation.com/demos/Sliding_login_panel_jquery/
• http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html
• LINK3ます：http：//fancyapps.com/fancybox/

しかし、小さな問題があります。 最初の2つのプラグインはうまく一緒に動作しますが、Fancyboxを挿入すると、プラグインの1つ（主にFancybox、時にはSliding Login）が無効になり、JQueryなしで動作するようになります。

<!-- PNG FIX for IE6 --> 
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> 
<!--[if lte IE 6]> 
    <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script> 
<![endif]--> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> 
<script src="js/jquery.localscroll-min.js" type="text/javascript"></script> 
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.0.6"></script> 
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 

    $.localScroll.defaults.axis = 'x'; 
    $.localScroll(); 

    // Expand Panel 
    $("#open").click(function(){ 
     $("div#panel").slideDown("slow"); 

    }); 

    // Collapse Panel 
    $("#close").click(function(){ 
     $("div#panel").slideUp("slow"); 
    });  

    // Switch buttons from "Log In | Register" to "Close Panel" on click 
    $("#toggle a").click(function() { 
     $("#toggle a").toggle(); 
    }); 

    $("a.fancybox").fancybox(); 
}); 
</script> 

そして、ここのリンクです：

<a class="fancybox" href="http://www.google.nl?id=<? echo $selectusers2['UID'] ?>" title="<? echo $selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test']; ?>"><? echo abbreviation($selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test'],17,'...'); ?></a><br /> 

私はそれらが矛盾しているとそれを解決するのが好き、なぜ誰かが知っていることを願っています:)

Answer 1

Fancyboxのv2.xのは、後にjQueryのバージョン1.6以上が必要です。あなたが任意のコンソールエラーを持っていますかjQueryの

のバージョンをアップグレードするには、この

<script src="http://code.jquery.com/jquery-latest.js"></script>