【问题标题】:Make Javascript/ jQuery dropdown menu work in IE6?让 Javascript/jQuery 下拉菜单在 IE6 中工作?
【发布时间】:2011-02-21 05:58:43
【问题描述】:

我使用多种方式创建了一个下拉菜单:Javascript、Dreamweaver Spry、CSS。当用我的中级安全 IE6 进行测试时,它们都不起作用。 IE6 提示我安全警告。

我尝试用 IE6 打开其他网站,它们的下拉菜单也不起作用。

然后我找到了这个网站:

http://www.trubus-online.co.id/trindo7/index.php?option=com_content&view=article&id=5083:peluang-bisnis-budidaya-sengon-dan-jabon&catid=54:pelatihan&Itemid=411

它的 Javascript/jQuery 下拉菜单有效,而其他网站则无效。

它是否使用 hack 来绕过 IE6 安全性?如何使我的下拉菜单有效?我不想使用“noscript”标签。

我使用的代码是:

(1) CSS 下拉菜单: http://jsfiddle.net/f2RbG/

(2) Javascript 下拉菜单: http://jsfiddle.net/Aqbh2/

【问题讨论】:

  • 忘记 IE6!
  • 我国大多数人仍在使用 IE6,有数以百万计的用户,所以我必须测试我用它创建的每个网站..
  • 你能显示你的代码吗?或者指向您的页面或 jsfiddle.net 上的实时示例的链接?
  • 人们怎么能在互联网上而不将他们的 IE6 升级到 IE8?他们都使用盗版Windows吗?这是不升级的唯一解释。
  • IE6 对测试仍然很重要,并且仍然被许多人使用,特别是老年人和非计算机专业人士。 @Bayu,您需要努力解决您的问题并显示一些代码以获得答案。不要指望任何人为您编写整个代码。您可以将代码放在 jsfiddle.net 上,然后在此处发布链接。

标签: javascript jquery css menu internet-explorer-6


【解决方案1】:

对于 IE6,我感到你很痛苦,我工作的地方我们仍然必须“支持”IE6。

我的网站上有一个类似的下拉菜单,可以在 IE6 中运行,我很高兴与您分享代码示例:

HTML:

<ul id="menu">
  <li> 
    <a href="http://target" id="listlink" title="">Hover over me...</a> 
    <ul class="list">
      <li>This</li>
      <li>is a</li>
      <li>list</li>
    </ul> 
  </li> 
<ul>

jQuery:

$(document).ready(function() {
    // Quicklinks Animation
    $("#menu a").attr("href", "#");
    $('#menu li').hover(
       function () {
           $(this).find(".list").fadeIn(555);
    });
    $('#menu li').mouseleave(function(){
        $(this).find(".list").fadeOut(555);
    });   
});

检查它在这里工作 - http://jsfiddle.net/HaXaM/3/

希望这会有所帮助。

【讨论】:

  • 哦,别忘了,你需要一点 CSS .list{display:none;}
  • @Alex:嗨,我试过你的代码。 IE6 仍然提示我安全警告,就像我尝试我的代码时一样。
  • 奇怪...我会进一步调查。
  • @Alex:我想要的是这个站点 (trubus-online.co.id/trindo7/…),它破坏了 IE6 的安全性并在没有警告的情况下运行 Javascript。谢谢。
  • 我没有收到警告。上传警告消息屏幕截图?
猜你喜欢
  • 1970-01-01
  • 2010-11-21
  • 1970-01-01
  • 1970-01-01
  • 2012-01-16
  • 1970-01-01
  • 1970-01-01
  • 2012-07-19
  • 1970-01-01
相关资源
最近更新 更多