Tag: 小胡子

Mustache不能正确处理事件: 我想用胡子在我的html文件中插入一些模板。模板，jquery代码和html代码分为三个单独的文件。这是强制性的，因为我希望我的项目能够尽可能多地组织起来。当我将’nav’直接写入html文件时，click事件工作正常，但如果尝试用胡子插入它就会停止工作。知道为什么吗？谢谢。 test1.php文件 World News body{ background-color: #FFFFFF; position: absolute; top: 10%; left: 15%; right: 15%; } #menu ul li{ display:inline; padding: 0; margin: 0; } process1.js function Guardian_news(filter, selector, div) { this.path = ‘fullwindow1.html’; this.filter = filter; this.selector = selector; this.populate = function(){ $.get(this.path, function(templates){ var template = $(templates).filter(filter).html(); $(selector).html(Mustache.render(template)); […]

填充隐藏的表单字段: 我的应用程序上的GET操作返回数组中的数据： Value”:[{“Id”:”6b7″,”Notes”:”testing”,”CreatedBy”:”User1″},{“Id”:”6b7″,”Notes”:”Testing 1″,”CreatedBy”:”User2″}] 我使用上面的方法来填充模板： **** Add Note Cancel {{#unless this.Value.length}} Notes do not exist. {{else}} Note Created By {{#each this.Value}} {{this.Notes}} {{this.CreatedBy}} {{/each}} {{/unless}} 如何填充隐藏的表单字段（Id）。 value = {{this.Value.Id}}不起作用，因为我们有一个数组。

从json文件validationmustache标记值: 嗨，我还没有找到如何在显示之前validation标签，例如：如果我有一个JSON文件，请说出这个值： { “weeks”: [ { “monday800”: “no”, “monday830”: “available”, “tuesday800”: “available”, “tuesday830”: “no”, “name”: “TEST” } ] } 我带来这样的价值： $(function(){ $.get(“data.json”,function(data){ var template = $(“#tpl”).html(); var html = Mustache.to_html(template,data); console.log (); $(“#information”).html(html); }); }); 现在我想做的是： if {{monday830}} == “available” then display {{name}}

如何在Mustache模板中使用jQuery内置函数: 我有一个mustache.js模板 {{#rows}}{{catagorie_name}}{{/rows}} 在其中，我想将每个{{catagorie_name}}第一个字母作为大写字母。例： india –> India australia–>Australia 可能吗？

当在对象内部调用时，在对象外部的函数工作将不起作用: 我正在尝试使用胡子加载模板时注入我的页面。如果我调用我的函数来抓取并在组合{}对象之外注入带有此数据的DOM，它可以很好地工作，并且HTML被注入页面并且数据正确显示。但是如果我尝试将我的函数放在portfolio {}对象中并调用该函数它将无法工作。这对我来说没有什么，所以我对此感到非常沮丧。如果有人知道可能导致这种情况的原因以及如何解决，我将非常感激。我能够从投资组合对象中调用数据并且它可以工作，所以我知道它与我的数据结构无关。我没有错误来帮助调试。这个工作： var portfolio = { projects: { “proj”: [ { id:”1″, title:”Heller Recipes”, description:”This web applications was developed to keep track of my dads recipes and make them easily accesible.He is now able to check each user and make a dinner based on what everybody likes or […]

如何使用胡子javascript每个？: 我有一些json对象，其中一些在其中有一些其他对象。如果我只留下没有其他obj的json obj然后应用模板，一切顺利，我得到，在这种情况下3 li元素。但如果我抓住原来的json obj，结果有点连线。我相信我需要做一个each语句来迭代每个主json内部的每个子json obj 也许我有点困惑，所以这里有一些代码。我有一些像这样的json数据： { “msg_id”:”134″, “message”:”Nick”, “comment”:[ { “com_id”:”9″, “comment”:”test”, }, { “com_id”:”10″, “comment”:”testtt”, }, { “com_id”:”11″, “comment”:”testtttt”, }] }, { “msg_id”:”134″, “message”:”Nick”, }, { “msg_id”:”134″, “message”:”Nick”, } 而我正试图做到这样的事：尼克测试 testtt testtttt 尼克尼克我已经创建了这样一个模板： function messagesTamplate(data) { $.each(data, function(index, obj) { msg += template.replace( /{{message}}/ig , obj.message ); […]

Mustache.js + jQuery：什么是最小的工作示例？: 我想在我的HTML5应用程序中使用带有jQuery的mustache.js，但我不能让所有组件一起工作。找到每个文件，这里没有问题（模板加载roght，我可以在Firebug调试器中看到它的值）。这是我的index.html：这是我的app.js文件： $(document).ready(function() { var template = $.get(‘../templates/article.mustache’); $.getJSON(‘../js/article.json’, function(view) { var html = Mustache.to_html(template, view); $(“#content”).append(html); }); }); jquery.mustache.js文件是从https://github.com/janl/mustache.js生成的文件： /* Shameless port of a shameless port @defunkt => @janl => @aq See http://github.com/defunkt/mustache for more info. */ ;(function($) { // mustache.js code $.mustache = function(template, view, partials) { return Mustache.to_html(template, view, partials); […]

如何在jquery中获得406错误（不可接受）: 我在my.js中进行error handling，我正在对其他服务器进行跨域调用，对于动态HTML模板，我正在使用Mustache.js。 $.getJSON(url, function(data, textStatus, xhr) { $.each(data, function(i, data) { introPage(data); }); }).fail(function(Error) { alert(Error.status); }); function introPage(data ) { $.getJSON(‘myphp.php?jsoncallback=?&template=’+testTemplate, function(msg) { // my operations }).error(function(data) { }); } 我们在getJSON中有.fail（）来捕获getJSON中的错误。我能够捕获404错误（未找到）但是当遇到406错误（不接受或说无效输入）或401错误（未经授权的访问）时，.fail（）似乎不起作用但在控制台中抛出错误当我点击链接时。它以下面的格式显示jquery回调中的错误 jQuery191014790988666936755_1378113963780({ “error”: { “code”: 406, “message”: “Not Acceptable: Sorry, There are no results to display for the given input.” […]

Mustache JS Templating – 如何在脚本标记字符串中嵌入变量？: 我刚开始使用Mustache，到目前为止我喜欢它，但这让我感到困惑。我正在使用GitHub gist API来提取我的要点，我想要做的部分内容是将嵌入function包含在我的页面中。问题是Mustache似乎不想与我的动态脚本标签有任何关系。例如，这很好用： {{id}} 此外，这非常有效：如果我试图把它们拉在一起，那就会出现严重错误： Chrome Inspector会显示以下内容： GET https://gist.github.com/%7B%7Bid%7D%7D.js 404 (Not Found) …看起来像我的东西是逃避或诸如此类的奇怪，所以我切换到原始语法：我在Inspector中得到了相同的结果： GET https://gist.github.com/%7B%7B%7Bid%7D%7D%7D.js 404 (Not Found) 如何获取嵌入脚本标记的正确值？编辑我按如下方式注入模板（在document.ready ： function LoadGists() { var gistApi = “https://api.github.com/users//gists”; $.getJSON(gistApi, function (data) { var html, template; template = $(‘#mustache_gist’).html(); html = Mustache.to_html(template, {gists: data}).replace(/^\s*/mg, ”); $(‘.gist’).html(html); }); } 实际模板是在ruby部分内部，但是它包含在div中（不是脚本标记，这是一个问题？）（隐藏）： […]

基于DOM树的JavaScript模板引擎: 我正在寻找一个新的Javascript模板引擎来替换旧的jQuery模板，以满足我的客户端模板需求。我更喜欢模板引擎处理DOM树而不是文本字符串的方法，然后将cooked字符串的内容转储到innerHTML 。这是更好的性能，我发现DOM操作更适合构建更多DOM树的方法。我对Javascript模板引擎有什么选择，它会直接创建DOM树而不是基于文本的引擎？我喜欢Mustache.js的无逻辑方法，但似乎只对字符串进行操作。原生jQuery集成也是一个很好的function。