1

我的网站正在开发中，似乎在除 IE10 之外的所有浏览器上都很花哨。：

由于某种原因，由 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">`

任何人都知道为什么这不能在 IE 中工作？？？？

完整网站在这里

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

干杯

4

1 回答 1

1

这个问题有两种解决方案：

  1. 按原样放置fancybox css/images（由fancybox 下载提供）并将fancybox 文件夹放置在您的应用程序根目录中
    1. 修改jquery.fancybox-1.3.x.css 1.查找注释/* IE */ 2.更改所有类的DXImageTransform.Microsoft.AlphaImageLoader过滤器的src

请注意，我认为方法 1 更好，因为如果您更改 fancybox css 文件，升级将很困难。

于 2013-10-08T13:41:53.133 回答