原文地址点击打开链接
问题:
将模板的html内容转换成jquery时报以下错误:
Syntax error, unrecognized expression:
模板代码:
用法:
$($.parseHTML(this.linkTemplate))
解决代码:
Syntax error, unrecognized expression:
模板代码:
<span style="white-space:pre"> </span><script type="text/template" id="link-template">
<li class="linkItem">
<span style="white-space:pre"> </span><div data-role="fieldcontain" class="linkContainer" >
<span style="white-space:pre"> </span><input data-mini="true" data-inline="true" class="linkInput" name="content[]" data-theme="c" placeholder="Insert Link here" type="text" maxlength="2000" />
<span style="white-space:pre"> </span><a data-role="button" data-mini="true" data-iconshadow="false" data-theme="d" class="deleteIcon" data-inline="true" data-icon="remove" data-iconpos="notext">Delete</a>
<span style="white-space:pre"> </span></div>
<span style="white-space:pre"> </span></li>
<span style="white-space:pre"> </span></script>
操作代码:
var linkUl = $("#linkUl"), listHeight;$(this.linkTemplate).appendTo(linkUl);
修改后的操作代码:var linkUl = $("#linkUl"), listHeight;$($.parseHTML(this.linkTemplate, document, true)).appendTo(linkUl);
原因:jquery 1.9*开始为了安全性,必须将script中的html内容parseHTML转换后使用。否则就报无法解析HTML内容的错误 。用法:
$($.parseHTML(this.linkTemplate))
解决代码:
// This can come from an evil person
var html = "<p>hello</p><script src='bad.js'></script>"
// Won't load/run the script in 1.10
$(html).appendTo("body");
// Loads and runs
script$($.parseHTML(html, document, true)).appendTo("body");