Question

我是meteor的新手，也是jQuery的新手。

我正试图通过http://tympanus.net/Development/MultiLevelPushMenu/ ..

的多级推送菜单来探索流星

场景很简单，所以我左侧有一个导航菜单（例如：Home，About Me等），右侧有一个容器。当我单击导航菜单时，我想在容器端显示模板。

如果我在导航菜单中单击“主页”，那么容器端将显示主页模板。或者，如果我单击“关于我”菜单，则容器端将显示“关于我”模板。

我想使用流星会话进行反应性菜单。

我不能在这里提供所有代码，因为它太长了，所以这是我的基本代码：

html的：

<template name="MainTemplate">
    <div class="container">
        <div class="mp-pusher" id="mp-pusher">
            <h2 style="margin-left: 20px"><a href="#" id="trigger" class="menu-trigger">Open/Close Menu</a></h2>
            <!-- mp-menu -->
            <nav id="mp-menu" class="mp-menu">
                <div class="mp-level">
                    <ul>
                        <li><a class="icon icon-shop" href="/MainTemplate">Home</a></li>
                        <li><a class="icon icon-search" href="#" id="ViewGrid">View in Grid</a></li>
                    </ul>
                </div>
            </nav>
            <!-- /mp-menu -->

            {{>scroller}}

        </div><!-- /pusher -->
    </div><!-- /container -->
</template>

<template name="scroller">
    <div class="scroller"><!-- this is for emulating position fixed of the nav -->
        <div class="scroller-inner">

            {{#if currentViewIs "GridHeroes"}}
                {{>GridHeroes}}
            {{else}}
                {{>logo}}
            {{/if}}

        </div><!-- /scroller-inner -->
    </div><!-- /scroller -->
</template>

<template name="logo">
    <div>
        <img src="../marveldc.jpg"/>
    </div>
</template>

.js：

Template.scroller.currentViewIs = function(view) {
        if(Session.get('currentView') == view)
            return true;
        return false;
    };

    Template.MainTemplate.events() ({
        'click #ViewGrid':function(event, template){
            alert('ab');
            Session.set('currentView', 'GridHeroes');
        }
    });

我的问题是当我点击导航菜单上的链接时，它无法在容器端呈现新模板。即便是我的警报也无法显示。

知道如何让它发挥作用吗？

无法运行功能点击meteor中的多级推送菜单

0 个答案: