Question

我正在使用Backbone.js，我得到了一个包含Reveal模式（http://foundation.zurb.com/docs/components/reveal.html）的Underscore.js模板。事实上，当我渲染我的模板并按下一个应该打开我的Reveal的按钮时，它什么也没做。当我看到源代码时，我可以找到我的元素揭示模态，所以我认为问题来自jQuery ...

以下是我的模板的简化版本（仅作为示例）：

<script type="text/template" id="myTemplate">
    <div class="row">
        <div id="myModal" class="reveal-modal" data-reveal>
            <label>I'm the modal</label>
            <a class="close-reveal-modal">&#215;</a>
        </div>
        <button data-reveal-id="myModal" id="btnModal"></button>
    </div>

Answer 1

我只需要在模板末尾初始化Foundation（将一些javaScript放在你使用的underscore.js模板中＆lt;％....％＆gt;）所以我的模板现在是：

<script type="text/template" id="myTemplate">
<div class="row">
    <div id="myModal" class="reveal-modal" data-reveal>
        <label>I'm the modal</label>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    <button data-reveal-id="myModal" id="btnModal"></button>
</div>
<% $(document).foundation(); %>
</script>

感谢今天早上回答的男人，我不记得他的名字，因为他删除了他的答案，但他明确地帮助我找到解决方案。

Underscore.js模板中的jQuery插件

1 个答案: