Question

我通过java脚本创建了一个选定的链接类，以突出显示用户当前所在页面的菜单链接：

<script>
$(document).ready(function(){
  $('a').each(function(){
    if($(this).prop('href')==window.location.href){
       $(this).addClass('selected');
  }});
});
</script>

然后我在css中编辑了链接状态：

#topnavindex        {width:17%;float:left;position:fixed;}
#topnavindex ul     {margin:4% 0 0 10%;}
#topnavindex ul li  {font-size:83%;letter-spacing:3px;margin:0 0 1.7% 0;list-style-type:none;}
#topnavindex a      {font-weight:bold;text-decoration:none;}
#topnavindex a:link {color:#8a523e;}
#topnav a:link      {color:#232323;}
#topnav a:visited   {color:#232323;}
#topnav a:hover     {color:#27a896;}
#topnav a.selected  {color:#27a896;}

当Chrome和Firefox正确显示我的网站时，Internet Explorer会忽略所选的链接属性。

Answer 1

由于您引用锚点的方式（通过父元素），这些CSS规则的样式优先于您的“选定”类。

将“选定”类引用为（通过父元素，与其他规则相同）：

#topnav a.selected

应该可以删除“！important”标记

看着你是JS，你可能希望在开场选择器上更具体，而不仅仅是$（“a”）。这将最终循环遍历您在整个站点中可能具有的每个链接。您只需在其中添加#topnav即可查看相关锚点。

$("topnav a").each...

Answer 2

感谢所有帮助我解决问题的人。解决方案比预期的要容易。

我不得不将IE设置（＆＃34;高级＆＃34; -tab）更改为＆＃34;允许活动内容在我的计算机上运行文件＆＃34;。之后IE可以识别JavaScripts！

仅在我的文件本地保存时才会出现此问题。在实际网页上，脚本很可能适用于受众，而无需更改IE设置。

选定的链接类在inet资源管理器上无法正确显示

2 个答案: