首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery模板:将html参数传递给函数

JQuery模板:将html参数传递给函数
EN

Stack Overflow用户
提问于 2016-02-08 05:55:49
回答 2查看 1.7K关注 0票数 0

我有一个JQuery模板:

代码语言:javascript
运行
复制
$.tmpl('<p>${text}</p>', { text: 'cool text' }).appendTo('div');

效果很好。但是现在我想向它传递一个html参数,但是下面的内容不能工作。

代码语言:javascript
运行
复制
$.tmpl('<p>${text}</p>', { text: '<span>cool text</span>' }).appendTo('div');

有什么建议吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-02-08 06:09:55

您可以使用{{html content}}构造

代码语言:javascript
运行
复制
$.tmpl('<p>{{html text}}</p>', {
  text: '<span>cool text <b>bold</b></span>'
}).appendTo('div');
代码语言:javascript
运行
复制
span {
  color: red;
}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<div></div>

票数 2
EN

Stack Overflow用户

发布于 2016-02-08 06:18:18

你还有一种方法可以做到

代码语言:javascript
运行
复制
var markup = "<span>${text}</span>";

jQuery.template( "template1", markup );
jQuery.tmpl( "template1", { text: "cool text" } ).appendTo( "div" );
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35263196

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档