我正在使用此库进行图片弹出: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;模板,以便图像链接注册弹出窗口?干杯。有什么想法吗?
答案 0 :(得分:3)
想出来。需要转义脚本标记。
<script src="jquery.min.js"><{{!}}/script>
<script src="view.min.js?auto"><{{!}}/script>
看起来有点hacky但它确实有效!