Javascript Jquery菜单和照片库在IE中不工作

Javascript Jquery菜单和照片库在IE中不工作,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,我的网站正在开发中,在除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:/

我的网站正在开发中,在除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">`

$(文档).ready(函数(){
//水平的
$(“div.menu-horizontal”).slidengflexiblemenuv2({
按钮标题:“1”
});
$(“.fancybox”).fancybox(
{
过渡语:“弹性”,
转换输出:“弹性”,
easingIn:‘内地的轻松生活’,
easingOut:“easeInBack”,
speedIn:'650',
速度输出:“650”,
更改速度:'650',
填充:“0px”,
});
});
函数MM_effectAppearFade(targetElement、duration、from、to、toggle)
{Spry.Effect.DoFade(targetElement,{duration:duration,from:from,to:to,toggle:toggle});
}
`
有人知道为什么这在IE中不起作用吗

全站在这里


干杯这个问题有两种解决方案:

  • 按原样放置fancybox css/图像(由fancybox下载提供),并将fancybox文件夹放置在应用程序根目录中
  • 修改jquery.fancybox-1.3.x.css 1.查找注释/*IE*/ 2.更改所有类的DXImageTransform.Microsoft.AlphaImageLoader筛选器的src

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

    此问题有两种解决方案:

  • 按原样放置fancybox css/图像(由fancybox下载提供),并将fancybox文件夹放置在应用程序根目录中
  • 修改jquery.fancybox-1.3.x.css 1.查找注释/*IE*/ 2.更改所有类的DXImageTransform.Microsoft.AlphaImageLoader筛选器的src

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

    好的,谢谢。因此,如果我将我的fancy box CSS和图像放在fancy box文件夹中,我需要更改所有类的源代码。我的jquery导航菜单也是这样吗?当我移动jquery导航菜单的CSS文件并将源代码更改为链接到它时,我所有的CSS样式都消失了。就像根本没有CSS一样。我这样做是因为当我在w3学校验证我的CSS时,它出现了一个错误,说明无法找到滑动灵活菜单CSS。好的,谢谢。因此,如果我将我的fancy box CSS和图像放在fancy box文件夹中,我需要更改所有类的源代码。我的jquery导航菜单也是这样吗?当我移动jquery导航菜单的CSS文件并将源代码更改为链接到它时,我所有的CSS样式都消失了。就像根本没有CSS一样。我这样做是因为当我在w3学校验证我的CSS时,它出现了一个错误,指出无法找到滑动灵活菜单CSS。是的,这似乎与这两个脚本冲突,因为当我删除其他页面的fancybox脚本时,如关于,工作,播放等菜单的工作,因为它应该在所有浏览器,但当我回到index.html的菜单是不工作的IE10。不知道您的意思,因为找不到/*IE*注释以及在何处查找DXImageTransform.Microsoft.AlphaImageLoader筛选器。。再次感谢您的建议。在浏览器中,文档模式似乎默认为IE7标准。我已经在标题标签后面添加了标题,现在它以最新版本的IE打开了文档。。分类。谢谢大家的建议。是的,这两个脚本似乎有冲突,因为当我删除关于、工作、播放等其他页面的fancybox脚本时,菜单在所有浏览器中都会正常工作,但当我返回index.html时,菜单在IE10中不起作用。不知道您的意思,因为找不到/*IE*注释以及在何处查找DXImageTransform.Microsoft.AlphaImageLoader筛选器。。再次感谢您的建议。在浏览器中,文档模式似乎默认为IE7标准。我已经在标题标签后面添加了标题,现在它以最新版本的IE打开了文档。。分类。谢谢你们的建议,伙计们。