Question

我正在为一个新项目开发一个响应式html模型，它包含一些jquery脚本，可以在每个浏览器上完美运行...除了Internet Explorer（我目前正在IE9上测试它）。

我自然检查了IE的javascript控制台，它给出了以下错误消息：

SCRIPT1002: Syntax error 
scripts.js, line 1 character 1

我完全不知道它可能来自哪里，因为DreamWeaver或Komodo Edit都没有发现任何错误。

该模型在以下地址在线：http://zipion-live.be/cal-bw/

这是导致错误的脚本：

const visible = "visible";
const hidden = "hidden";
const open = "open";

$(document).ready(function(e) {
    $(".collapsible_container .links").hide();
    showHomeMenu();

    $("#home_link").click(showHomeMenu);

    $("#admin_link").click(showAdminMenu);

    $("#left_menu .links a").click(function() {
        $("#left_menu .links").slideUp("fast");
        $("#left_menu .collapsible_container").removeClass(open);
    });

    $("section .section_header").click(function() {
        var sectionContent = $(this).parent("section").children(".section_content");
        var sectionHeader = $(this);
        toggleSection(sectionHeader, sectionContent);
    });
});

function toggleSection(sectionHeader, sectionContent) {
    var isOpen = sectionHeader.hasClass(open);

    if (isOpen) {
        sectionContent.slideUp("slow", function() {
            sectionHeader.removeClass(open);
        });
    } else {
        sectionContent.slideDown("slow");
        sectionHeader.addClass(open);
    }
}

function setLeftMenuHeight() {
    var visibleChildren = $("#left_menu .collapsible").not(".hidden")

    if (visibleChildren.length > 8) {
        $("aside").removeClass("h100").addClass("h150");
    } else if (visibleChildren.length > 4) {
        $("aside").removeClass("h150").addClass("h100");
    } else {
        $("aside").removeClass("h100").removeClass("h150");
    }
}

function showHomeMenu() {
    $("#left_menu .admin").addClass("hidden");
    $("#left_menu .home").removeClass("hidden");
    $("#left_menu .admin h3 a").unbind("click");
    setLeftMenuHeight();

    $("#left_menu .home h3 a").click(function() {
        var current = $(this).parent("h3").parent(".collapsible_container").children(".links")
        animateMenu(current);
    });
}

function showAdminMenu() {
    $("#left_menu .home").addClass("hidden");
    $("#left_menu .admin").removeClass("hidden");
    $("#left_menu .home h3 a").unbind("click");
    setLeftMenuHeight();

    $("#left_menu .admin h3 a").click(function() {
        var current = $(this).parent("h3").parent(".collapsible_container").children(".links")
        animateMenu(current);
    });
}

function animateMenu(current) {
    var isVisible = current.hasClass(visible)       

    $("#left_menu .links").removeClass(visible);
    $("#left_menu .collapsible_container").removeClass(open);

    $.when($("#left_menu .links").slideUp("fast")).then(function() {
        if (!isVisible) {
            current.slideDown("fast");
            current.addClass(visible);
            current.parent(".collapsible_container").addClass(open);
        } else {
            current.parent(".collapsible_container").removeClass(open);
        }
    });
}

关于这个问题的任何想法？我对jQuery很新，我在这里完全无能为力......

P.S。：我在版本1.11.0中使用jquery，如果相关的话。

Answer 1

尽管现代版IE（6-10）不支持const is a Javascript 1.5 standard feature。只有基于gecko的浏览器和Chrome支持它。

现在javascript中的变量使用var，而不是const来避免此问题。

改变这个：

const visible = "visible";
const hidden = "hidden";
const open = "open";

对此：

var visible = "visible";
var hidden = "hidden";
var open = "open";

Answer 2

尝试将const更改为var。

var visible = "visible";
var hidden = "hidden";
var open = "open";

jQuery脚本无法在Internet Explorer中运行（第1行char 1上的语法错误）

2 个答案: