将javascript文件注入Handlebars.js

时间:2016-02-01 03:27:06

标签: javascript html parse-platform collections handlebars.js

我正在使用此库进行图片弹出:http://finegoodsmarket.com/view

这是典型的结构。将链接设置为类"查看"以及要弹出的图像的href。很简单,工作正常:

@cats.map{ |c| link_to(c.breed,animal_path(c))}.join(", ").html_safe

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

<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>

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

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

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

由于Handlebars.js是无逻辑的,因此没有办法将两个脚本标签注入模板本身,因此结果是弹出窗口根本不起作用,即使它在其余部分就像魅力一样该网站。

我怎样才能包括这两个脚本&#34;内部&#34;模板,以便图像链接注册弹出窗口?干杯。有什么想法吗?

1 个答案:

答案 0 :(得分:3)

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

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

看起来有点hacky但它​​确实有效!