angularjs onsen ui滑动菜单div鼠标不工作_Angularjs_Onsen Ui

angularjs onsen ui滑动菜单div鼠标不工作

angularjs

angularjs onsen ui滑动菜单div鼠标不工作,angularjs,onsen-ui,Angularjs,Onsen Ui,例如：提前感谢这里有一个代码笔，用于滑动菜单和您的代码-它阻止用户输入，我不确定他们为什么这样做，但css至少覆盖了chrome中的功能。通常，您应该将代码包装在ons页面中另外，我认为滑动菜单已经降级为角度1绑定，建议使用ons拆分器。这是相同的功能，但有更多的选项，最重要的是，没有CSS黑客使其工作下面是一个功能正常的代码笔，显示您的div正在工作，但使用了拆分器：当使用JSFIDLE时，请同时发布代码。这次我是为你做的。在edit review queueThank you@rra

例如：

提前感谢

这里有一个代码笔，用于滑动菜单和您的代码-它阻止用户输入，我不确定他们为什么这样做，但css至少覆盖了chrome中的功能。通常，您应该将代码包装在ons页面中

另外，我认为滑动菜单已经降级为角度1绑定，建议使用ons拆分器。这是相同的功能，但有更多的选项，最重要的是，没有CSS黑客使其工作

下面是一个功能正常的代码笔，显示您的div正在工作，但使用了拆分器：

当使用JSFIDLE时，请同时发布代码。这次我是为你做的。在edit review queueThank you@rrauenzaI中找到了问题，但没有找到解决方案。在Onsen CSS中，他们禁用了用户选择，这就是为什么你甚至不能选择文本。我认为他们添加了一些css来阻止用户交互。你的menu.html模板在哪里？没有必要。。。问题是一样的…我只是想简化代码非常感谢，我的示例适用于候选onsen iu 2.0版本，但在最终版本发布之前我不想升级。我想我会在我的产品的更高版本中采用您的解决方案ons splitter，但现在如果可能的话，我想保留当前版本的onsen iu。好吧，onsen在他们的最终版本2.0中，因为他们正在通过RC工作。他们表示，从现在起，他们不会对方法做太多改变。当时我已经用RC 6发布了应用程序，并取得了巨大成功。UI的改进是巨大的，在我看来非常值得。

<body ng-app="app">
<div contenteditable="true" style="line-height: 90%; border-radius: 25px; border: 2px solid #0000FF; padding: 10px; width: 96%; min-height: 70px;" >
</body>

<body ng-app="app">
<ons-sliding-menu
    menu-page="menu.html" main-page="hola.html" side="left"
  </ons-sliding-menu>
    <ons-template id="hola.html">
      <div contenteditable="true" style="line-height: 90%; border-radius: 25px; border: 2px solid #0000FF; padding: 10px; width: 96%; min-height: 70px;" >
                                </div>
  </ons-template>
</body>

angular.module('app', ['onsen']);

<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>
</ons-splitter>

<ons-template id="home.html">
  <ons-page>
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button onclick="fn.open()">
          <ons-icon icon="md-menu"></ons-icon>
        </ons-toolbar-button>
      </div>
      <div class="center">
        Main
      </div>
    </ons-toolbar>
    <div contenteditable="true" style="line-height: 90%; border-radius: 25px; border: 2px solid #0000FF; padding: 10px; width: 96%; min-height: 70px;" >
        </div>
  </ons-page>
</ons-template>