2013-10-07 26 views
1
不工作

我的網站正在開發中,似乎是除了IE10所有的瀏覽器:jQuery的菜單,照片庫在IE

出於某種原因,菜單欄和圖片庫,它們均搭載只是花花公子Jquery只是不工作。

這裏是我的代碼:

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
<script type="text/javascript" src="jQuery Sliding Flexible Menu v2/deploy/js/jquery.sliding-flexible-menu-v2.js"></script> 
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" href="jQuery Sliding Flexible Menu v2/deploy/css/sliding-flexible-menu-v2.css"> 

<script type="text/javascript"> 
$(document).ready(function() { 
    //Horizontal 
    $("div.menu-horizontal").slidingFlexibleMenuv2({ 
      buttonSpacing: '1' 
    }); 
    $(".fancybox").fancybox(
       { 

            transitionIn : 'elastic', 
transitionOut : 'elastic', 
easingIn  : 'easeOutBack', 
easingOut  : 'easeInBack', 
speedIn  : '650', 
speedOut  : '650', 
changeSpeed : '650', 
            padding : '0px', 
    }); 
}); 
function MM_effectAppearFade(targetElement, duration, from, to, toggle) 
{ Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle}); 
} 
</script> 

<script type="text/javascript" src="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.pack.js"></scr ipt> 
<link type="text/css" rel="stylesheet" href="fancyapps-fancyBox-2bb0da9/source/jquery.fancybox.css">` 

任何人有一個線索,爲什麼這AINT工作在IE ????這裏

完整網站

http://www.heggie5.webspace.virginmedia.com

乾杯

+0

是的,似乎是與兩個腳本衝突,因爲當我刪除fancybox腳本的其他頁面,如about,work,play等菜單的作品,因爲它應該在所有瀏覽器,但當我回到index.html菜單在IE10中不起作用。不知道你的意思,因爲找不到/ * IE *註釋,以及在哪裏尋找DXImageTransform.Microsoft.AlphaImageLoader過濾器.. 再次非常感謝您的任何建議.. –

+0

似乎是默認的IE7標準的文檔模式瀏覽器。我已經在標題標籤之後的頭部包含了,它現在在最新版本的IE中打開文檔.. Sorted。感謝所有你的建議傢伙。 –

回答

1

有兩個解決這個問題:

  1. 地方作爲是(按的fancybox下載提供)的fancybox CSS /圖片並將fancybox文件夾放在您的應用程序根目錄中
    1. 修改jquery.fancybox-1.3.x.css 1.Look的意見/ * IE */ 2.Change的src DXImageTransform.Microsoft.AlphaImageLoader過濾所有類

請注意,方法1在我看來更好,因爲如果你改變fancybox的css文件,升級將會很困難。

+0

好的謝謝。所以如果我把我的漂亮的盒子CSS和圖像放在一個漂亮的盒子文件夾中,我需要改變所有類的源代碼。這是相同的我的jQuery導航菜單?當我移動jQuery導航菜單的CSS文件並更改了源代碼以鏈接到它時,我所有的CSS樣式都消失了。就像沒有CSS一樣。我這樣做是因爲當我在W3學校驗證我的CSS時,它提出了一個錯誤,指出無法找到滑動靈活菜單CSS。 –