Android 使用Onsen UI打开Monaca的新页面

我已经完成了以下代码。我在index.html中有

我想在这里用

new

按钮创建一个新页面。我试过了，但预览中没有动作表演

我的代码在下面，请帮忙

<ons-splitter>
<ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
  <ons-page>
    <ons-list>
      <ons-list-item onclick="fn.load('home.html')" tappable>
        Home
      </ons-list-item>
      <ons-list-item onclick="fn.load('settings.html')" tappable>
        Settings
      </ons-list-item>
      <ons-list-item onclick="fn.load('about.html')" tappable>
        About
      </ons-list-item>
    </ons-list>
  </ons-page>
</ons-splitter-side>
<ons-splitter-content id="content" page="home.html"></ons-splitter-content>

家
设置
关于

---

主要

类别

A.
B
C
新的

您是否使用angular？由于您使用的是

onclick

，并且没有标记它，我猜答案是否定的

在这种情况下，您遇到的问题可能是

未捕获引用错误：未定义myNavigator

。要查看这些问题，可以打开浏览器控制台（

ctrl+shift+L

或

F12->console

）。一旦你看到问题的解决，它就会变得更容易

问题本身意味着您没有变量

myNavigator

。这是因为

var

属性仅用于角度

要解决此问题，您需要以下两个步骤：

将

var

更改为

id

添加

var myNavigator=document.getElementById（'myNavigator'）在javascript代码中

---

理论上，在某些浏览器中，第二部分可能不是必需的，但对于移动设备来说，最好是编写它，这样才能确保一切正常。

是否使用angular？由于您使用的是

onclick

，并且没有标记它，我猜答案是否定的

在这种情况下，您遇到的问题可能是

未捕获引用错误：未定义myNavigator

。要查看这些问题，可以打开浏览器控制台（

ctrl+shift+L

或

F12->console

）。一旦你看到问题的解决，它就会变得更容易

问题本身意味着您没有变量

myNavigator

。这是因为

var

属性仅用于角度

要解决此问题，您需要以下两个步骤：

将

var

更改为

id

添加

var myNavigator=document.getElementById（'myNavigator'）在javascript代码中

理论上，在某些浏览器中，第二部分可能不是必需的，但对于移动设备来说，最好是编写它，以便确保一切正常

    <ons-template id="home.html">
   <ons-navigator var="myNavigator">
    <ons-page>
      <ons-toolbar>
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <ons-icon icon="ion-navicon, material:md-menu"></ons-icon>
          </ons-toolbar-button>
        </div>
        <div class="center">
          Main
        </div>
      </ons-toolbar>
      <p style="text-align: left; opacity: 0.6; padding-top: 20px; margin-left: 15px">
        Category
      </p>
        <ons-list>
        <ons-list-item tappable>a</ons-list-item>
        <ons-list-item tappable>b</ons-list-item>
        <ons-list-item tappable>c</ons-list-item>
      </ons-list>
           <ons-button modifier="quiet" onclick="myNavigator.pushPage('page2.html')">
                New 
            </ons-button>
    </ons-page>
    </ons-navigator>
  </ons-template>