javascript - jQuery 错误 "Unexpected token ILLEGAL"中的反斜杠

Question

我只是无法让我的代码工作。我想使用 jQuery 将多行字符串附加到我的正文中。但是当我为每个换行符使用反斜杠定义字符串时，我得到“意外的 token 非法”错误。我究竟做错了什么？我的代码:

    var first = true;

function showPopup(text, title) {

    //Fügt HTML und CSS für Popup-Box zum Body des HTML Dokumentes hinzu.
    if (first) {

        var string1 = '<div id="popup">\
        <div id="content">\
            <div id="title"></div>\
            <div id="text"></div>\
        </div>\
        <a href="javascript:togglePop()"><div id="popup_button"><i class="fa fa-times"></i> Schließen</div></a>\
        </div>\

    <div id="popoverlay"></div>';

下面一行是第一个错误:

        var string2 = '<style>\
    #popup{\
    width: 50%;\
    transform: translate(-50%, -50%);\
    position: fixed;\
    left: 50%;\
    top:   50%;\
    background-color: white;\
    color: black;\
    z-index: 1000;\
    box-shadow: 2px 2px 10px black;\
    display: none;\

}\

#popup #content{\
    padding: 20px;\
}\

#popup #title{\
    font-weight: bold;\
    font-size: 110%;\
}\

#popup_button{\
    text-align: center;\
    padding: 10px 0px;\
    color: #790300;\
    cursor: pointer;\
    transition-duration: 0.25s;\
}\

#popup_button:hover{\
    transition-duration: 0.25s;\
    background-color: #EDEDED;\
}\

#popup a{\
    text-decoration: none;\
}\

#popoverlay{\
    display: none;\
    background-color: black;\
    position: fixed;\
    top: 0%;\
    left: 0%;\
    width: 100%;\
    height: 100%;\
    z-index: 100;\
    opacity: 0.7\
}\
</style>';

        $("body").append(string1);
        $("body").append(string2);


        first = false;

    }

    //Setzt den Titel und den Text der Popup-Box.
    $("#popup #text").innerHTML = text;
    $("#popup #title").innerHTML = title;

    //Öffnet die Box
    togglePop();

}

那么，我做错了什么？我将不胜感激。

Answer 1

空行也必须转义:

a = 'Hello\

World!' # WRONG!


a = 'Hello\
\
World!' # Correct.