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. 谢谢。