javascript - 如果使用 IE9 Specific 的条件注释，我可以交换索引页中包含的 js 文件吗

Question

所以基本上我有一个很棒的网站，可以在每个浏览器中运行，包括...除了 i.e9，哎呀!

所以我发现我在使用名为 multilevelpush.js 的 jquery 插件时遇到了一些问题，它很棒，但无法与 i.e9 一起使用

编辑:-基本上自从我发布这个问题以来，我隔离了一行代码，它似乎阻止了菜单功能的发生，删除它可以让事情正常工作，代码行是这样的...

$( '#menu' ).multilevelpushmenu( 'collapse' );

我现在需要弄清楚的是为什么它在除 ie9 之外的所有其他浏览器中都可以正常工作(可能还有下面的浏览器)...任何建议都会有帮助。我保留了下面按钮的整个脚本。

$('.fa-question-circle').parent().on('click', function () {
      $(".metro").css('background-image','url('+"images/mthc/image2.jpg"+')');
      $('.submenu-ctn').fadeTo(0, 0);
      $("#colorscreen").remove();
      $( '#menu' ).multilevelpushmenu( 'collapse' );
      $("body").append('<div id="colorscreen" class="animated"></div>');
      $("#colorscreen").addClass("fadeInUpBigCS");
      $(".tile-area-main").css({opacity:1}).load("what.html .slides.overview");
      $.getScript("js/slider/slider-animations.js");
      $(".submenu-ctn").load("what.html .submenu-what");
      $('.nav-toggle').removeClass('active');
      $(this).addClass('active');  
      $('.submenu-ctn').fadeTo(3000, 1);

});

现在变得有趣了 --- 编辑数字 2

我已经隔离了上面提到的单独的代码，并找到了一种让它在 i.e. 9 中工作的方法，它基本上是这样的......

$('#menu').multilevelpushmenu({
        Collapsed: true
    });

但所有其他浏览器都不喜欢它，所以我基本上想做这样的事情......

('.fa-phone, .bg-darkPink').parent().on('click', function () {
      $('.submenu-ctn').fadeTo(0, 0);
      <<--IF I.E9 OR BELOW DO THIS THING--->>
$('#menu').multilevelpushmenu({
        Collapsed: true
            });
      <<--END OF I.E9 OR BELOW THING ----->>
      $( '#menu' ).multilevelpushmenu( 'collapse' );

那么关于我如何实际构建一个函数来执行此操作有什么想法吗？

Answer 1

这不是比选择性地包含另一个文件容易得多吗？

在您自己的示例中，您实际上处于 JavaScript 内部，可以有条件地检查 IE 是否存在，并根据需要传递或不传递所需的参数。

您可以添加一些代码来专门查找 IE，然后处理结果

getNavigator: function() {
  var rv = -1; // Return value assumes failure.
  if (navigator.appName === 'Microsoft Internet Explorer') {
    var ua = navigator.userAgent;
    var re = new RegExp('MSIE ([0-9]{1,}[\.0-9]{0,})');
    if (re.exec(ua) !== null) {
      rv = parseFloat( RegExp.$1 );
    }
  }
  return rv;
}

然后在代码中执行类似的操作并设置一个标志

    var version = getNavigator();
    ieMods = (version !== -1 && version <10);

然后检查点击事件中的该标志，如下所示:

('.fa-phone, .bg-darkPink').parent().on('click', function () {

    $('.submenu-ctn').fadeTo(0, 0);

    args = (ieMods) ? { Collapsed: true } : 'collapse';
    $('#menu').multilevelpushmenu(args);