Cufon和JQUERY衝突（無法同時獲得fancybox和「下拉菜單」一起工作）

因此，請原諒我對這件事真的很陌生......但我會盡我所能詳細說明這個問題。Cufon和JQUERY衝突（無法同時獲得fancybox和「下拉菜單」一起工作）

我頁面上運行的fancybox一個腳本是這樣的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 


<!-- Add fancyBox --> 
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.0.4"></script> 

<!-- Optionaly add button and/or thumbnail helpers --> 
<link rel="stylesheet" href="css/jquery.fancybox-buttons.css?v=2.0.4" type="text/css"  media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.4"></script> 

<link rel="stylesheet" href="css/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css"  media="screen" /> 
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.4"></script 




ul class="list"> 

    <li> 
     <a class="various fancybox.iframe"  href="http://www.topholidayrecipes.com">Iframe</a> 
    </li> 

</ul> 


<script type="text/javascript"> 
$(document).ready(function() { 
    $(".various").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 
</script>

NOW PROB IS這個腳本 - >

*該腳本導致我的下拉菜單（使用的Cufón替換功能）是靜態的。我需要這個花哨盒子的腳本，但是添加這個會禁用下拉的動畫效果。

位於頁面右上角的按鈕最初工作在：www.topholidayrecipes.com

這裏是使用花哨的框（鏈接位於食譜盒名爲「IFRAME」）的網頁，但這裏的菜單是靜態的：http://topholidayrecipes.com/artichokes-recipes.html

請幫助我.....我將非常感激：）

來源

2012-01-13 Sammy Chak

您是否在您的網頁中看到任何錯誤？在您的瀏覽器控制檯。也許你不會輸入正確的東西或所有你需要的東西。 – 2012-01-13 11:16:48

你在你的js代碼有一個小錯誤：

._shadowBox()

是創建這個錯誤：

Error: 
shadowBox is not a function 
Source File: http://topholidayrecipes.com/artichokes-recipes.html 
Line: 717

，並打破你的js代碼的其餘部分（動畫下包括下降的影響）。

也許你忘了刪除卸載太極拳和移動的fancybox

來源

2012-01-14 01:40:39 JFK

是的，我試圖通過刪除代碼的那些行之後那行，但我發現我不需要這些代碼反正。我發現是此行的特定代碼，似乎直接與下拉導致問題：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

我甚至從谷歌直接下載的JavaScript，並要求它在我的頁面上，使用另一種方法：

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

它們都運行相同的東西，花式框的工作原理應該如此。但我注意到這是用於fancybox這個特定的行，這是我的下拉菜單導致問題。只要我刪除這行代碼下拉工作！

來源

2012-01-21 08:14:15 user1161644

Cufon和JQUERY衝突（無法同時獲得fancybox和「下拉菜單」一起工作）

回答

相關問題