Question

请在Firefox，Chrome，safari中查看以下网站（http://www.intra-interieur.be/www）。它运行正常。然后，在IE中打开它（7或8，无关紧要）。它没有真正起作用:-)。你可以查看你想要的任何来源，但这里有重要的事情。

我认为正在替换文本的数组会导致其他问题（移动div无法正常运行）。

$('#menu ul li.home').addClass('active');

var msgs = [ "ga hier", "bekijk dit", "misschien dit", "of zelfs hier" ];
var msgs_length = msgs.length;

$("#menu ul li a").click(function () { 
     $('#menu ul li.active').removeClass('active');
     $(this).parent().addClass('active');
     $('.go', this).text("u bent hier");

     $("#menu ul li a").not(this).each(function(i) {
         $('.go', this).text(msgs[i % msgs_length]);
     });
});

菜单：

<div id="menu">
    <ul>
        <li class="home"><a href="#home" class="panel">home / <span class="go">u bent hier</span></a></li>
        <li class="clearfloats"></li>
        <li class="about"><a href="#about" class="panel">over intra / <span class="go">ga hier</span></a></li>
        <li class="clearfloats"></li>
        <li class="cases"><a href="#cases" class="panel">projecten / <span class="go">bekijk dit</span></a></li>
        <li class="clearfloats"></li>
        <li class="photos"><a href="#photos" class="panel">foto's / <span class="go">misschien dit</span></a></li>
        <li class="clearfloats"></li>
        <li class="contact"><a href="#contact" class="panel">contact / <span class="go">of zelfs hier<span></span></a></li>
    </ul>
</div>

有没有人看到这个问题？我真的无法弄清楚为什么IE表现如此糟糕。当然，它是IE但是： - ）

Answer 1

对于初学者，不要漂浮你的LI并使用“clearfloats”。实际上，根本不要设置LI的样式。

改为标注A标签。使用width + margin-left，display:block来获得相同的外观。

在jquery中移动div +数组与文本，IE行为不端

1 个答案: