Question

感谢阅读。

我有一个我无法解决的简单问题。我只需要一个带有Jquery fadeIn和fadeOut效果的html地图。我得到了它，除了IE8之外它无处不在。

所以我只想添加一个已经过测试的纯JavaScript，并在IE8出现时正常工作。

显然我尝试编写这段代码，但是在IE评论之后，即使是一个简单的警报也无法正常工作。

你能帮帮忙吗？

这是代码，谢谢！

<script type="text/javascript">var runFancy = true;</script>
            <!--[if IE]>
            <script type="text/javascript">
                runFancy = false;
                alert(runFancy);
                function showIt(name)
                {

                document.getElementById('map_image').src='immagini/distributori/8/'.concat(name).concat('.png');
                document.getElementById('map_image').style.display='block';


                }

                function hideIt()
                {

                document.getElementById('map_image').src='immagini/distributori/8/map.png';

                };

            </script>
            <![endif]-->

以下是其他浏览器的代码

            <!--[if !IE]><!-->
            <script type="text/javascript">
            //alert('hi'); not working even just this
                if (runFancy) {
                    function showIt(name)
                {


                document.getElementById('map_image').src='immagini/distributori/single/'.concat(name).concat('_single.png');


                $('#mapon').fadeIn(400);



                }

                function hideIt()
                {

                $('#mapon').fadeOut(300);
                };
                }
            </script>
             <!--<![endif]-->

即使这不起作用，有什么建议吗？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body style="background-color:red">

<h1>Ciao</h1>


<!--[if IE]>
<style language="text/css">
body{background-color:black;}

</style>
<![endif]-->
</body>
</html>

不适用于每个IE版本。

Answer 1

这将对您有所帮助：

HTML：

<!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head></head>
    <body></body>
</html>

使用Javascript：

<!--[if IE 8]>
<script type="text/javascript" src="IE8.js">
<![endif]-->

Answer 2

你所拥有的代码应该正常工作，但如果你想只针对IE 8，那就把IE 8放在IE上而不是像IE那样

<!--[if IE 8]>
do stuff
<![endif]-->

编辑：删除折旧的jquery解决方案

“如果IE”不工作

2 个答案: