0

我目前正在尝试在流星网站上制作一个简单的 todos 教程应用程序的材料设计版本。但是，当为 android 编译应用程序时，我在让导航栏按钮实际执行任何操作时遇到问题。问题的 gif - http://i.imgur.com/vRMhIfy.gif

HTML 片段：

<header class="fixed-navbar">
    <nav class="light-blue" role="navigation">
        <div class="nav-wrapper container">
            <a id="logo-container" href="#" class="brand-logo">Simple Tasks</a>

            <ul class="left hamburger">
                <li><a href="#" class="categories hide-on-large-only" data-activates="mobile-demo"><i
                        class="mdi-navigation-menu"></i></a></li>
            </ul>

            <ul class="right">
                <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Menu</a></li>
            </ul>


            <ul id="dropdown1" class="dropdown-content">
                <li><a href="#!">Account</a></li>
                <li><a href="#!">Settings</a></li>
                <li class="divider"></li>
                <li><a href="#!">About</a></li>
            </ul>
        </div>
    </nav>
</header>

<div class="side-nav fixed" id="mobile-demo" style="  min-height: 100%;">
    <div class="sidebar">
        <ul>
            <li><a href="">All Tasks</a></li>
            <li><a href="">Unsorted</a></li>
            <li><a href="">Placeholder</a></li>
            <li><a href="">Another Placeholder</a></li>
        </ul>
    </div>

</div>

相关的Javascript：

if (Meteor.isClient) {
    $( document ).ready(function(){
        console.log("Document ready!");
        $(".categories").sideNav();
    });
}

通过使用最新版本的 materialize（alpha 版本 v0.96.1）的这个包的分叉版本，物化 css 和 javascript 包含在应用程序项目中

任何帮助表示赞赏！

4

1 回答 1

1

这很可能是由代码中的 javascript 错误引起的。

通常在开发模式下，您的文件不会连接，因此如果您遇到错误，它不会阻止您的应用程序的任何其余部分工作。

这与生产模式不同。如果您有一个 js 异常，则其余代码都不会运行。这可能就是为什么好像 JS 没有运行来设置侧导航点击事件的原因。

要解决此问题，请在开发模式下使用 javascript 控制台加载您的应用程序并找到 JS 错误并修复它。一旦你这样做，它应该在生产模式下工作正常。

此外，最好$(".categories").sideNav();在模板的 onrendered 回调中运行，尽管这可能不是您的问题：

Template.xxxx.onRendered(function() {
    $(".categories").sideNav();
});

xxxx包含 .categories 导航栏的模板在哪里。

于 2015-04-25T11:32:33.437 回答