FineUI 官方论坛

标题: 【已解决】顶部菜单栏实例，无法在火狐和IE下运行的问题 [打印本页]
作者: 天亮D悟空    时间: 2016-6-17 16:44
标题: 【已解决】顶部菜单栏实例，无法在火狐和IE下运行的问题
大家好：
参考实例 顶部菜单框架 (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];

  10.                     menuLis.removeClass('selected');
  11.                     $this.addClass('selected');
  12.                 }
  13.             });
  14.         });
  15.     </script>
复制代码
在谷歌浏览器里浏览显示正常，但是在火狐浏览器和IE浏览器里显示：
[attach]8908[/attach]

要怎么样修改才能正常显示呢？
作者: sanshi    时间: 2016-6-17 18:11
请基于空项目重现，并上传
作者: 天亮D悟空    时间: 2016-6-20 08:20
sanshi 发表于 2016-6-17 18:11
请基于空项目重现，并上传

[attach]8910[/attach]
作者: 天亮D悟空    时间: 2016-6-20 08:21
[attach]8910[/attach]
作者: sanshi    时间: 2016-6-20 12:34
天亮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>

  8.                                         <li class="menu-sys"><a href="Search.aspx" target="mainframe"><span>搜索</span></a> </li>

  10.                                     </ul>
  11.                                 </div>
复制代码


已测试通过！

[attach]8911[/attach]

作者: 天亮D悟空    时间: 2016-6-20 14:32
sanshi 发表于 2016-6-20 12:34
可能是 Firefox 不支持这种 window.open 的写法。

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

谢谢~

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



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4