SyntaxError：Wordpress中未終止的字符串文字

Question

在我的worpress中，我使用簡碼然後出現此錯誤。

最初的代碼是這樣寫的：

... 
var htmlAppendString='<div class="slider_page_info"><div class="val">1</div><div class="arrow"></div></div>'; 
      jQuery('.wpp_pagination_slider .ui-slider-handle', this).append(htmlAppendString); 
... 

當我檢查網頁內容的元素，JS代碼成了這個樣子。

... 
var htmlAppendString=' 
<div class="slider_page_info"> 
<div class="val">1</div> 
<div class="arrow"></div> 
</div> 
<p>';jQuery('.wpp_pagination_slider .ui-slider-handle',this).append(htmlAppendString); 
... 

有沒有人有這方面的想法？ 任何幫助將不勝感激..

編輯，

我試過的代碼是這個樣子：

var htmlAppendString= "\<div class='slider_page_info'>\<div class='val'>1</div>\<div class='arrow'></div>\</div>"; 
      jQuery('.wpp_pagination_slider .ui-slider-handle', this).append(htmlAppendString)); 

但是當我運行頁面，檢查元素，劇本會看像這樣：

.... 
var htmlAppendString="\ 
<div class='slider_page_info'>\ 
<div class='val'>1</div> 
<p>\ 
<div class='arrow'></div> 
<p>\</p></div> 
<p>";jQuery('.wpp_pagination_slider .ui-slider-handle',this).append(htmlAppendString)); 
.... 

它是由js minify或jquery衝突造成的嗎？

Answer 1

更改您這樣的代碼，

... 
var htmlAppendString= 
'<div class="slider_page_info">'+ 
'<div class="val">1</div>'+ 
'<div class="arrow"></div>'+ 
'</div>'+ 
'<p>'; 
jQuery('.wpp_pagination_slider .ui-slider-handle',this).append(htmlAppendString); 
... 

，或者你可以逃脫面值換行符，

... 
var htmlAppendString= 
'<div class="slider_page_info">\ 
<div class="val">1</div>\ 
<div class="arrow"></div>\ 
</div>\ 
<p>';jQuery('.wpp_pagination_slider .ui-slider-handle',this).append(htmlAppendString); 
... 

如果你想對齊與第一種方法的代碼，然後使用\n新線

... 
var htmlAppendString= 
'<div class="slider_page_info">\n'+ 
'<div class="val">1</div>\n'+ 
'<div class="arrow"></div>\n'+ 
'</div>\n'+ 
'<p>'; 
jQuery('.wpp_pagination_slider .ui-slider-handle',this).append(htmlAppendString); 
...