Javascript Meteor回调Codrops菜单

我对Meteor和javascript还不熟悉，并试图找出如何集成此处找到的Codrops侧栏菜单：。我已经创建了一个侧栏模板，所有脚本都已正确加载

我有以下HTML代码：

<div class="morph-button morph-button-sidebar morph-button-fixed">
    <button type="button"><span class="icon icon-cog">Settings Menu</span></button>
    <div class="morph-content">
        <div>
            <div class="content-style-sidebar">
                <span class="icon icon-close">Close the overlay</span>
                <h2>Settings</h2>
                <ul>
                    <li><a class="icon icon-camera" href="#">Default filters</a></li>
                    <li><a class="icon icon-server" href="#">Storage Use</a></li>
                    <li><a class="icon icon-heart" href="#">Favorites</a></li>
                </ul>
            </div>
        </div>
    </div>
</div><!-- morph-button -->

---

我很难理解它是如何工作的。我得到了有趣的结果。非常感谢您的帮助

我在您所说的菜单上找不到很多文档。因此，我将采用更为JS的方法来回答这个问题

在“事件”下，您要将转换附加到$'.morp content'，在呈现DOM时已经执行了此操作。我认为那个不属于我。您可能只需要在“渲染”下附加它，而包含的JS可能会将它所需的所有其他内容附加到DOMi.e。将$'.date'.datepicker添加到HTML元素时

Template.sidebar.events({
    'click .morph-button': function () {
        $('.morph-content').transition();
    }
});

Template.sidebar.rendered = function () {
    $('.morph-content').transition();
};