Php 视图上的把手不显示数据_Php_Jquery_Handlebars.js_Mustache

Php 视图上的把手不显示数据

php jquery

Php 视图上的把手不显示数据,php,jquery,handlebars.js,mustache,Php,Jquery,Handlebars.js,Mustache,我在php项目中创建了一个文件base.tpl。我想用手柄显示数据，但我只得到一个空白页。你能帮我吗？我的代码： <html> <head> <title>HandleBar Features</title> </head> <body> <script id="shoe-template" type="x-handlebars-template"> {{#people}} <li class="sh

我在php项目中创建了一个文件

base.tpl

。我想用手柄显示数据，但我只得到一个空白页。你能帮我吗？我的代码：

<html>
<head>
  <title>HandleBar Features</title>
</head>
<body>
<script id="shoe-template" type="x-handlebars-template">
{{#people}}
<li class="shoes">
    <p>{{name}}</p>
</li>
{{/people}}
</script>
<ul class="shoesNav">
</ul>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com   /ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
    var data = {
        people: [
            {name: "Alan"},
            {name: "Allison"},
            {name: "Ryan"}
        ],
        empty: [ ]
    };

    var theTemplateScript = $('#shoe-template').html();
    var theTemplate = Handlebars.compile(theTemplateScript);
    $('.shoesNav').append(theTemplate(data));
});
</script>
</body>
</html>


车把特征
{{{人}

{{name}}

{{/人}


$（文档）.ready（函数（）{
风险值数据={
人民:[
{姓名：“艾伦”}，
{姓名：“Allison”}，
{姓名：“Ryan”}
],
空：[]
};
var theTemplateScript=$（“#鞋模板”）.html（）；
var theTemplate=handlebar.compile（模板脚本）；
$（'.shoesNav'）.append（模板（数据））；
});

错误是我得到了一个空白页，我不知道我的问题在哪里。提前谢谢你，对不起我的英语

你的把手上有一个空白。js src

src=”https://cdnjs.cloudflare.com   /ajax/libs/h

。请删除它，它应该可以工作：


车把特征
{{{人}

{{name}}

{{/人}


$（文档）.ready（函数（）{
风险值数据={
人民:[
{姓名：“艾伦”}，
{姓名：“Allison”}，
{姓名：“Ryan”}
],
空：[]
};
var theTemplateScript=$（“#鞋模板”）.html（）；
var theTemplate=handlebar.compile（模板脚本）；
$（'.shoesNav'）.append（模板（数据））；
});

您的车把中有一个空格。js src

src=”https://cdnjs.cloudflare.com   /ajax/libs/h

。请删除它，它应该可以工作：


车把特征
{{{人}

{{name}}

{{/人}


$（文档）.ready（函数（）{
风险值数据={
人民:[
{姓名：“艾伦”}，
{姓名：“Allison”}，
{姓名：“Ryan”}
],
空：[]
};
var theTemplateScript=$（“#鞋模板”）.html（）；
var theTemplate=handlebar.compile（模板脚本）；
$（'.shoesNav'）.append（模板（数据））；
});

foreach循环的官方语法是：

<script id="shoe-template" type="x-handlebars-template">
{{#each people}}
    {{this.name}}
...


{{{每个人}
{{this.name}}
...

希望有帮助

foreach循环的官方语法是：

<script id="shoe-template" type="x-handlebars-template">
{{#each people}}
    {{this.name}}
...


{{{每个人}
{{this.name}}
...

希望有帮助

@HareaCosticla-in代码段；工作正常。请检查是的，我看到它工作，但我不明白为什么对我来说它不工作：((（可能您应该先尝试清除浏览器缓存，然后再尝试应用程序池回收。您的模板可能已缓存在某个地方。@HareaCosticla-在代码段中；工作正常。请检查。是的，我看到了这一点，但我不明白为什么它不工作：((（可能您应该先尝试清除浏览器缓存，然后尝试应用程序池回收。您的模板可能已缓存在某个位置。