Tag: 模板

不引人注目的jQuery html模板

对于MiniProfiler,我们使用jquery.tmpl的beta版本certificate它与jsRender不兼容,这对我们的一些用户造成了痛苦。 有没有办法以不引人注目的方式加载jquery.tmpl,以便它可以与其他可能已经加载到页面中的模板引擎一起使用? 是否有任何其他模板引擎(例如小胡子或其他什么)允许自己以完全不显眼的方式加载,这意味着多个版本可以并排运行一个好玩的?

使用jquery模板进行过多的递归

我正在尝试渲染递归模板,但我收到“太多递归”错误… 谁能告诉我这里做错了什么?: jsfiddle中的代码 谢谢! 编辑1(代码添加到post) : HTML {{each(i, module) modules}} ${module.mod_name} {{if module.sub_modules}} {{tmpl “my_template_compiled”}} {{/if}} {{/each}} JS var data = {“modules”:[ { “id_modules”: “1”, “id_modules_parent”: “0”, “mod_name”: “mod 1”, “sub_modules”: [ { “id_modules”: “5”, “id_modules_parent”: “1”, “mod_name”: “mod 1a” }, { “id_modules”: “7”, “id_modules_parent”: “1”, “mod_name”: “mod 1b” } ] }, { “id_modules”: “2”, […]

jQuery tmpl插件 – 来自动态内容的模板结果问题(bug?)

我使用jQuery模板( http://api.jquery.com/jquery.tmpl/ )基于远程内容在页面上呈现列表,这一切都运行良好,但是当我将一个类应用于内容并拥有一个类动态模板内容的click事件不尊重硬编码内容正常工作的动作。 我稍微编辑了tmpl插件附带的基本演示,以添加静态列表作为概念certificate: http : //jsfiddle.net/3eVrR/2/ 单击静态“条形”链接会生成我所期望的警报。 单击任何按钮(漫画或戏剧)以生成列表,然后单击它们的超链接(它与硬编码链接具有相同的类)不会触发警报。 任何人都可以看到问题是什么? Firebug没有显示任何错误,在检查时静态和动态内容的类是相同的。 谢谢

假设我有500个缩略图列表,后跟标题。 当用户向下滚动时如何加载图像? (JQuery的)

在移动领域,互联网很慢。 如果我有500个图像的列表,这将需要永远加载。 我想在列表中加载图像的标题,但是当用户向下滚动时,我想开始加载/下载标签。 我如何使用Javascript / Jquery执行此操作?

Mustache.js – 如何连接数据?

我喜欢生成标记,同时使用jQuerys数据方法向标记中的节点添加数据存储与匹配元素关联的任意数据 。 有没有办法用Mustache或一些解决方法做到这一点? 有关代码参考,请参阅此jsFiddle: http : //jsfiddle.net/fiddlebjoern/edyYu/

javascript / jquery模板化建议

我正在开发一个高度依赖于javascript的大规模应用程序。 部分内容将是在屏幕上显示信息。 我希望显示关于ui的信息,我正在寻找使用javascript模板来做到这一点。 我将使用jquery框架。 对javascript / jquery模板框架的任何建议或建议?

Angularjs外部模板:模板无法加载?

我认为使用Angularjs加载外部模板就像下面这样简单, 但它不会在浏览器上打印任何内容。 我错过了什么? HTML, Angualr 模板, #{{person.id}} {{person.name}} Add JS / app.js, var app = angular.module(‘MyTutorialApp’,[]); JS / maincontroller.js, app.controller(“MainController”, function($scope){ $scope.people = [ { id: 0, name: ‘Leon’, music: [ ‘Rock’, ‘Metal’, ‘Dubstep’, ‘Electro’ ], live: true }, { id: 1, name: ‘Chris’, music: [ ‘Indie’, ‘Drumstep’, ‘Dubstep’, ‘Electro’ ], live: true } ]; […]

jsmart – 无法获取模板内容(及时?)

我正在尝试使用jsmart在客户端渲染Smarty 3模板。 如果您对它们没有经验,请继续阅读,因为它可能只是我正在制作的一个简单的JavaScript错误。 它适用于简单的模板: 我根据文档创建模板(我通过AJAX接收),然后渲染它(传递数据): var template = new jSmart(templateReceivedViaAJAX); var content = template.fetch({“firstname”:”adam”, “secondname”:”lynch”}); 然后我只是将渲染的输出粘贴在div : $(‘#dest’).html(content); 模板inheritance 尝试渲染包含include , extends等的模板时出现问题。 从文档 : 每当jSmart遇到模板包含标记时,它都会调用jSmart.prototype.getTemplate()方法并向其传递tag的file参数值。 该方法必须返回模板的文本。 getTemplate()的默认实现会引发exception。 因此,jSmart用户可以覆盖此方法并提供模板文本。 getTemplate()函数: jSmart.prototype.getTemplate = function(name) { $.ajax({type: ‘GET’, url: name, async:false, success: function(data) { console.log(‘got template at ‘+name+’. The following is the contents:’); console.debug(data); return data; }}); } […]

ICanHaz.js – 可以在模板中放置一个while循环吗?

假设我有一个元素,并且里面想要放一个无限数量的元素 项目(基于用户的选择)。 有没有办法创建一个允许某种while循环的ICanHaz模板。 例如: for(i = 0; i < numOfLi; i++) {{ stuff }}

jsRender呈现HTML

我正在使用jsRender在html页面上呈现我的数据。 数据完美呈现。 但是,在某些内容项中,HTML文本(如超链接)显示为文本。 在jquery模板中,有一种方法可以通过{{html来呈现HTML。 jsRender中有类似的东西吗? 我的代码如下: {{ =Status}} //need to convert this to HTML so it should appear as hyperlink. 谢谢。