jquery Syntax error, unrecognized expression:的解决办法

参考资料:
http://bugs.jquery.com/ticket/13223
问题:
将模板的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");
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值