Tag: jquery templates

Jquery模板文本框未显示datepicker

我在Jquery模板中的一个文本框上使用Datepicker但它没有弹出。 模板外工作正常。 以下是我想要做的。 jQuery().ready(function () { //$(“#HireDate”).datepicker(); $(“#HireDate”).datepicker({dateFormat:’dd-mm-yy’, showAnim:’fadeIn’}) }); HireDate:

如何在使用jquery模板时按顺序淡入项目

嘿伙计们,我正在尝试在使用jquery模板时按顺序淡入项目列表。 我已经看过如何在不使用jquery模板的情况下执行此操作,但在使用它们时不确定如何执行此操作。 这是我想要的效果: http://demos.coolajax.net/jquery/sequential_fadein_fadeout/ 这是我的模板代码: $template.tmpl(formattedData).appendTo($el); 谢谢你的帮助! 更新: 我认为以下是我需要做的事…… $template.tmpl(formattedData).appendTo($el).delay(100*index).fadeIn(250); 问题是如何获得该指数值? 我可以这样做吗? $template.tmpl(formattedData).appendTo($el).each(function(i){$.delay(100*i).fadeIn(250)}); 更新: 我弄清楚了。 这是答案 $template.tmpl(formattedData).appendTo($el).each(function(i){$(this).delay(200*i).fadeIn(250);}); 不要忘记在CSS中为你的’li’设置你的显示属性为none(已经有那个部分)。 无论如何,谢谢所有试图帮助的人!

使用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模板:使用AND运算符创建条件语句

这有效: 这不起作用: 似乎&&不能用于表示AND运算符。 如何表达AND运算符? ON和QC是boolean类型。

jQuery模板中的条件

我有一个像这样的jquery模板设置: ${caster_name} ${title} 我发送的数据看起来像这样: { _index:i, url: url, thumb: thumb, name: name, title: title } 一切都很好。 我的问题是,如果有办法在那里设置条件。 我知道{{if}}以及文档中所述的内容,但我想知道你是否可以这样做: {{if ${_index}+1 % 5 == 0}} class=’last_search_video’ {{/if}} 我试过了,它没用。 我实际上不喜欢我的对象中的_index ,但我想我会给它一个改变。 我认为当前索引被传递到模板的循环但我不知道。 我没有和jQuery的模板插件结婚,所以如果有人知道更好的插件,请随意提出另一个插件。

javascript / jquery模板化建议

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

将Knockout与jQuery混合使用

我正在使用knockout.js创建一个评论系统,我在使用现有的jQuery函数进行模板操作时遇到了一些问题。 一个例子是创建日期评论。 我写了一个jQuery函数,导致数据从5-5-2012变为2 Days ago 。 例如: … $(function(){ $(“.prettyDate”).prettify(); }); 使用此代码,当我动态添加新注释时,日期保持为5-5-2012格式。 还有其他一些自定义jQuery函数可以处理重复数据,这些数据现在由knockout动态创建(通常通过基于类选择)。 如何在knockout.js生成的动态数据上应用这些自定义jQuery函数?

如何使用jquery延迟与vktemplate /排队ajax请求

当我尝试使用jquery延迟时,使用vktemplate并不是很有效。 由于vktemplate对其自己进行了ajax调用,因此在vktemplate完成其工作之前,deferred会被解析,并且它的可选回调也会被解析。 我怎样才能设置vk,以便在这两件事发生之后才能解决承诺? $(document).on(‘click’, ‘.ajax’, function() { $.when(ajax1(‘first’), ajax2(‘second’), ajax3(‘third’)) .then(function(results1, results2, results3) { console.log(results1); $(‘.document’).append(results1); $(‘.document’).append(results2); $(‘.document’).append(results3); alert(‘all ajax done’); }); }); function ajax1(data) { $.ajax({ type: ‘post’, url: ‘templates/test_template.tmpl’, data: “data=” + data, dataType: ‘json’, success: function (returnedData) { $(‘#resultsDiv’).vkTemplate(‘templates/test_template.tmpl’, returnedData, function () { //vk callback //possibly call my resolve here? }); } […]

使用Knockout JS和Jquery Template的递归tr

我疯了,试图为我的问题找到解决方案。 我有一个JS对象,它具有层次结构,层次结构的级别是未知的。 利用JQuery模板和Knockout JS,我可以使用 & 获取树结构,但我的要求是,对于每个孩子,我需要在Table呈现一个新的Row所以假设我的结构是: { Name: ‘First’, Total: 100, Set: [ { Name: ‘First_1’, Total: 30, Set: [{Name: ‘First_1_1’, Total: 10}, {Name: ‘First_1_2’, Total: 20}] }, { Name: ‘First_2’, Total: 0 } ] } 该表应如下所示: NameTotal First100 First_130 First_1_110 First_1_220 First_20 以下是我提出的小提琴: http : //jsfiddle.net/paragnair/xpsa4/ 如果我使用ul li ,我可以通过使用递归调用模板 但由于我的模板本身以 开头,我不知道如何在不编写带有data-bind=”template:{…}部分的节点的情况下调用模板?初始调用将起作用,因为它在 但是我不能在tbody中有一个tbody以递归方式调用模板来渲染其他tr 。 我希望这个解释已经足够了。 […]

为什么jQuery模板{{each}}标签与jQuery $ .each对JavaScript字符串数组的解释不同?

强制性的jsFiddle例子 。 当我通过jQuery的$.each函数运行一个字符串数组时,我得到了我期望的结果。 $.each([“abc”, “123”, “def”, “456”], function (i, val) { $(“”).text(“source[” + i + “]: ” + val).appendTo(“.eachResults”); // run for each string in the array (“abc”, “123”, …) }); 但是,当我通过jQuery Template的{{each}}运算符运行相同的字符串数组时,它将它视为char的二维数组。 {{each(i, prop) $data}} {{if $data.hasOwnProperty(i)}} source[${i}]: ${$data[i]} {{! run for each char of each string in array (0:”a”, 1:”b”, 2:”c”, 0:”1″, 1:”2″, […]