在jQuery中的反斜槓錯誤「意外的令牌非法」

Question

我只是不能讓我的代碼工作。我想使用jQuery將多行字符串附加到我的身體。但是，當我使用每個換行符的反斜槓定義字符串時，出現「Unexpected token ILLEGAL」錯誤。我究竟做錯了什麼？我的代碼：

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.