如何破解append（）中的html？

Question

我可以使用任何技巧打破append()中的html？

例如，這樣的事情會很棒！

// Append a popup for displaying the security checking form. 
$(document.body).append(" 
<div id='popup-result' class='popup-outer'> 
<div class='popup-inner'> 
    <div class='close'><a href='#' class='button-close'>x close</a></div> 
    <div class='respond-message'></div> 
    <div class='form-confirm'></div> 
</div> 
</div>"); 

這樣我就不必在一行中做html了 - 很難讀取和調試！

Answer 1

你有兩種選擇。您可以使用新行文字語法：

// Append a popup for displaying the security checking form. 
$(document.body).append("\ 
<div id='popup-result' class='popup-outer'>\ 
<div class='popup-inner'>\ 
    <div class='close'><a href='#' class='button-close'>x close</a></div>\ 
    <div class='respond-message'></div>\ 
    <div class='form-confirm'></div>\ 
</div>\ 
</div>"); 

這工作，但可能會混淆一些集成開發環境（Visual Studio中確實是我最後一次嘗試，或者你可以讓每一個它自己的串線，如果你在連接字符串。實際上並不希望有新的線路：

// Append a popup for displaying the security checking form. 
$(document.body).append(
"<div id='popup-result' class='popup-outer'>" + 
"<div class='popup-inner'>" + 
    "<div class='close'><a href='#' class='button-close'>x close</a></div>" + 
    "<div class='respond-message'></div>" + 
    "<div class='form-confirm'></div>" + 
"</div>" + 
"</div>");