【已解决】顶部菜单栏实例，无法在火狐和IE下运行的问题

天亮D悟空

大家好：
参考实例 顶部菜单框架 (http://www.fineui.com/demo/iframe/topmenu2/default.aspx)


我修改成了上下两栏，见以下部分代码

1. <div class="menu">
   
2.                                     <ul>
   
3.                                         <li class="selected menu-mail">
   
4.                                             <a href="javascript:window.open('Qlist.aspx','mainframe');"><span>菜单一</span></a>
   
5.                                         </li>
   
6.                                         <li class="menu-sms"><a href="javascript:window.open('list.aspx','mainframe');"><span>菜单二</span></a> </li>
   
7.                                         <li class="menu-sys"><a href="javascript:window.open('Search.aspx','mainframe');"><span>查询</span></a> </li>
   
8.                                     </ul>
   
9.                                 </div>

复制代码

1. <script>
   
2.         F.ready(function () {
   
3.             var menuLis = $('.menu ul li');
   
4.             menuLis.click(function (e) {
   
5.                 var $this = $(this);
   
6.                 var classNames = /menu\-(\w+)/.exec($this.attr('class'));
   
7.                 if (classNames.length == 2) {
   
8.                     var menuType = classNames[1];
   
9. 
   
10.                     menuLis.removeClass('selected');
    
11.                     $this.addClass('selected');
    
12.                 }
    
13.             });
    
14.         });
    
15.     </script>

复制代码

在谷歌浏览器里浏览显示正常，但是在火狐浏览器和IE浏览器里显示：


要怎么样修改才能正常显示呢？

sanshi

请基于空项目重现，并上传

天亮D悟空

sanshi 发表于 2016-6-17 18:11
请基于空项目重现，并上传

天亮D悟空

sanshi

天亮D悟空 发表于 2016-6-20 08:21

可能是 Firefox 不支持这种 window.open 的写法。

正确的通用的做法很简单，把：

1. <div class="menu">
   
2.                                     <ul>
   
3.                                         <li class="selected menu-mail">
   
4.                                             <a href="javascript:window.open('Qlist.aspx','mainframe');"><span>菜单一</span></a>
   
5.                                         </li>
   
6.                                         <li class="menu-sms"><a href="javascript:window.open('list.aspx','mainframe');"><span>菜单二</span></a> </li>
   
7.                                        
   
8.                                         <li class="menu-sys"><a href="javascript:window.open('Search.aspx','mainframe');"><span>搜索</span></a> </li>
   
9.                                        
   
10.                                     </ul>
    
11.                                 </div>
    

复制代码

改为：

1. <div class="menu">
   
2.                                     <ul>
   
3.                                         <li class="selected menu-mail">
   
4.                                             <a href="Qlist.aspx" target="mainframe"><span>菜单一</span></a>
   
5.                                         </li>
   
6.                                         <li class="menu-sms"><a href="list.aspx" target="mainframe"><span>菜单二</span></a> </li>
   
7. 
   
8.                                         <li class="menu-sys"><a href="Search.aspx" target="mainframe"><span>搜索</span></a> </li>
   
9. 
   
10.                                     </ul>
    
11.                                 </div>

复制代码

已测试通过！

天亮D悟空

sanshi 发表于 2016-6-20 12:34
可能是 Firefox 不支持这种 window.open 的写法。

正确的通用的做法很简单，把：

谢谢~

没想到通过target来试下~ 非常感谢！