Javascript SyntaxError:Wordpress中未终止的字符串文字

在我的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);
...

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

。。。
var htmlAppendString='1'；
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='0
1.
",；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>\<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));
....

var htmlAppendString=“\\1\\”；
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>\<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));
....

。。。。
var htmlAppendString=”\
\
1.
\
\

“；jQuery（'.wpp_pagination_slider.ui slider handle'，this.append（htmlAppendString））；
....

---

它是由js minify还是jquery冲突引起的？

像这样更改代码

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

---

使用appendTo而不是appendTo谢谢回复，但是每当我试图编辑js脚本时，当它在wordpress页面中运行时，我都会遇到相同的错误，当我检查源代码的元素时，代码会变成这样的

var htmlAppendString='

与我上面粘贴的内容相同