Javascript 错误:找不到页面:menu.html(Onsen UI)

Javascript 错误:找不到页面:menu.html(Onsen UI),javascript,html,css,onsen-ui,Javascript,Html,Css,Onsen Ui,单击“登录”按钮后,我想访问page.html。但它不能正常工作。它给出了一个错误。我在OnsenUI中使用了滑动菜单页面模式。这是它的代码。当它被放入index.html时,它正常工作 <!doctype html> <html > <head> <meta charset="utf-8"> <link rel="stylesheet" href="lib/onsen/css/onsenui.css"> &l

单击“登录”按钮后,我想访问page.html。但它不能正常工作。它给出了一个错误。我在OnsenUI中使用了滑动菜单页面模式。这是它的代码。当它被放入index.html时,它正常工作

<!doctype html>
<html >
<head>
    <meta charset="utf-8">

    <link rel="stylesheet" href="lib/onsen/css/onsenui.css">
    <link rel="stylesheet" href="styles/onsen-css-components-blue-basic-theme.css">
    <link rel="stylesheet" href="styles/sliding_menu.css">

    <script src="lib/onsen/js/angular/angular.js"></script>
    <script src="lib/onsen/js/onsenui.js"></script>
    <script>
      ons.bootstrap();
      ons.ready(function() {
        menu.openMenuMenu();
      });
    </script>

</head>
<body>

<ons-sliding-menu menu-page="menu.html" main-page="page.html"  max-slide-distance="260px" type="push" var="menu">
</ons-sliding-menu>

<ons-template id="page.html">
    <ons-page>
        <ons-toolbar>
            <div class="left">
                <ons-toolbar-button ng-click="menu.toggleMenu()">
                    <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon>
                </ons-toolbar-button>
            </div>
            <div class="center">Title</div>
        </ons-toolbar>

    </ons-page>
</ons-template>

<ons-template id="menu.html">
    <ons-page modifier="menu-page">
        <ons-toolbar modifier="transparent">
            <div class="right">
                <ons-toolbar-button class="menu-closeMenu" ng-click="menu.closeMenu()">
                    </ons-icon>Close
                </ons-toolbar-button>
            </div>
        </ons-toolbar>

        <ons-list class="menu-list">
            <ons-list-item class="menu-item" ng-click="menu.closeMenu()">
                <ons-icon icon="fa-plus"></ons-icon>
                New Post
            </ons-list-item>

            <ons-list-item class="menu-item" ng-click="menu.closeMenu()">
                <ons-icon icon="fa-bookmark"></ons-icon>
                Bookmark
            </ons-list-item>

            <ons-list-item class="menu-item" ng-click="menu.closeMenu()">
                <ons-icon icon="fa-twitter"></ons-icon>
                Official Twitter
            </ons-list-item>
        </ons-list>

        <br>

        <ons-list class="bottom-menu-list">
            <ons-list-item class="bottom-menu-item" ng-click="menu.closeMenu()">
                Settings
                <div class="notification menu-notification">3</div>
            </ons-list-item>

            <ons-list-item class="bottom-menu-item" ng-click="menu.closeMenu()">
                Help
            </ons-list-item>

            <ons-list-item class="bottom-menu-item" ng-click="menu.closeMenu()">
                Send feedback
            </ons-list-item>
        </ons-list>



    </ons-page>
</ons-template>

</body>
</html>

bootstrap();
ons.ready(函数(){
menu.openmenus();
});
标题
接近
新职位
书签
官方推特

设置 3. 帮助 发送反馈
应该放在
index.html
中,即使您从其他页面显示它们。把它们留在那里就行了。如果这不是您的问题,请提供更多信息。非常感谢您的想法。我将其更改为一个单独的menu.html文件。它对我有效。