您的位置:首页 > Web前端 > JQuery

遇到过的问题: Uncaught Error: Syntax error, unrecognized expression

2017-01-20 09:34 561 查看
问题:
将模板的html内容转换成jquery时报以下错误:
Syntax error, unrecognized expression:

模板代码:
<script  type="text/template" id="link-template">
<li class="linkItem">
<div data-role="fieldcontain" class="linkContainer" >
<input data-mini="true" data-inline="true" class="linkInput" name="content[]"
data-theme="c"  placeholder="Insert Link here" type="text" maxlength="2000" />
<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>
</div>
</li>
</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");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery
相关文章推荐