将javascript文件注入handlebar.js

将javascript文件注入handlebar.js,javascript,html,parse-platform,collections,handlebars.js,Javascript,Html,Parse Platform,Collections,Handlebars.js,我正在使用此库进行图像弹出: 这是典型的结构。将链接设置为类“view”,并将href设置为要弹出的图像。非常简单,工作正常: <a class="view" href="http://files.parsetfss.com/77c6003f-0d1b-4b55-b09c-16337b3a2eb8/tfss-af91222f-ca12-484d-8c68-14e836ce8a0f-8b159954-6dae-405d-8488-c16226d1903c_1.png"><img

我正在使用此库进行图像弹出:

这是典型的结构。将链接设置为类“view”,并将href设置为要弹出的图像。非常简单,工作正常:

<a class="view" href="http://files.parsetfss.com/77c6003f-0d1b-4b55-b09c-16337b3a2eb8/tfss-af91222f-ca12-484d-8c68-14e836ce8a0f-8b159954-6dae-405d-8488-c16226d1903c_1.png"><img style="width: 250px; height: 375px;" src="http://files.parsetfss.com/77c6003f-0d1b-4b55-b09c-16337b3a2eb8/tfss-af91222f-ca12-484d-8c68-14e836ce8a0f-8b159954-6dae-405d-8488-c16226d1903c_1.png"></a>

您只需在页面底部包含两个脚本:

<script src="jquery.min.js"></script> 
<script src="view.min.js?auto"></script>

我的问题是因为我的页面是用handlebar.js作为模板设置的,所以我不能包含可以通过这些模板中发生的操作访问的.js脚本

我有一个这样呈现的模板:

  <script id="blogs-tpl" type="text/x-handlebars-template">
      {{#each blog}}
      <div class="col s12 m4">
        <div class="icon-block">

          <p><center><div class="fade-in one"><a class="view" href="{{image.url}}"><img style="width: 250px; height: 375px;" src="{{image.url}}"></a></div>
            <div><span class="typcn typcn-heart" style="color: red; font-size: 20px;"></span> {{likesCount}} &nbsp; <span class="typcn typcn-tags" style="color: #000; font-size: 20px;"></span> ${{price}}</div>
            <div>Designed by {{author.objectId}}</div><br>
            <a href="" id="download-button" class="btn-large waves-effect waves-light indigo darken-2">Details</a></center></p>
          </div>
        </div>
        {{/each}}
</script>

{{{#每个博客}

{{likecount}${{price}
由{{author.objectId}}设计

{{/每个}}
由于handlebar.js是无逻辑的,因此无法将这两个脚本标记注入模板本身,因此结果是弹出窗口根本不起作用,即使它在站点的其余部分起到了吸引人的作用


如何将这两个脚本包含在模板中,以便图像链接注册弹出窗口?干杯有什么想法吗?

想出来了。需要转义脚本标记

<script src="jquery.min.js"><{{!}}/script>
<script src="view.min.js?auto"><{{!}}/script>


看起来有点老套,但很管用

你试图注入的脚本是动态的吗?如果没有,您可以直接将
标记放入模板中。如果它是动态的,那么您需要将脚本名称传递给您的handlebars渲染调用,或者创建handlebars助手来获取它。我真诚地希望能够提供更具体的答案。我不是最有经验的开发人员,只是为了一个快速弹出的解决方案而购买了这个库。但这仍然回避了一个问题,通常我想知道如何在模板中包含外部脚本。很多人都说,如果不预先编译模板,这是不可能的,我认为这太过分了:github.com/wycats/handlebar.js/issues/531A模板可以包含
标记,就像它可以包含任何其他HTML一样,只要在创建模板时知道
标记的URL。那么,您建议如何实现它?因为在模板中包含
没有任何作用。我听说你不能只包含这样的脚本。