Question

我在heroku应用程序实例上遇到了mdl-layout__drawer按钮的问题。该按钮在我的本地主机上工作正常，但是我注意到在服务器实例上，抽屉触发按钮不在DOM中，也没有显示。

该功能和显示均在localhost上运行，但在heroku上不起作用。

我正在运行节点服务器，并使用AngularJS（1.x）路由局部文件

这是我的部分视图app.html的代码

<div class="layout-transparent mdl-layout mdl-js-layout">
<header class="mdl-layout__header mdl-layout__header--transparent">
    <div class="mdl-layout__header-row">
    <span class="mdl-layout-title">App</span>
    <div class="mdl-layout-spacer"></div>
    <nav class="mdl-navigation">
        <a class="mdl-navigation__link" href="">About</a>
        <a class="mdl-navigation__link" href="">Login</a>
    </nav>
    </div>
</header>
<div class="mdl-layout__drawer">
    <form ng-submit="onSubmit()" id="form-div">
        <h6 class="text-center">Title</h6>
        <label>#</label>
        <div class="mdl-textfield mdl-js-textfield">
            <input class="mdl-textfield__input" type="text" ng-model="name">
            <label class="mdl-textfield__label" for="name">name</label>
        </div>
        <div id="search-div">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored" type="submit">
                <i class="material-icons">search</i>
            </button>
        </div>
    </form>
</div>
<main class="mdl-layout__content">

</main>

有人可以帮助我了解这里出了什么问题吗？

mdl-layout__drawer-button在heroku上不起作用。在本地主机上工作

0 个答案: