SyntaxError: unterminated string literal in Wordpress

Question

В моем беспокойстве я использую короткий код, после чего получил эту ошибку.

Первоначально код был написан так:

... 
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); 
... 

У кого-нибудь есть идея? любая помощь будет оценена ..

Edited,

Я Попробовал код, который будет выглядеть следующим образом:

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); 
...