问题标签 [onsen-ui2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
395 浏览

reactjs - Onsen UI + React应用程序中的renderToolbar内的回调不起作用

我正在尝试将 Onsen UI + React 用于需要拆分器和导航的应用程序。Page 对象使用函数renderToolbar,其中定义了带有该方法的按钮来打开 Splitter。

当我单击工具栏上的按钮时,这不会,但是当单击页面上的按钮时有效。为什么?

这是完整的代码:

0 投票
1 回答
779 浏览

javascript - Cordova - 用于录制音频的按住按钮 - 有时会停止

让我彻底解释一下。我正在使用 Cordova 构建一个聊天应用程序,我想做一个录音功能,就像在 Messenger 中一样,你按住一个按钮,它会改变它的外观,然后在你释放按钮一段时间后,声音文件被发送到服务器。我尝试这样做,有时它可以工作,但有时它会意外停止,或者有时当您将手指移动一个像素时按钮的外观变为未单击。

现在这是我的按钮的 html

这是javascript

如您所见,我依靠 touchstart 和 touchend 事件来确定何时开始和停止它,并且还有一个强制 setTimeout 函数可以在给定的时间限制停止录制。

这是可视化按钮的最佳方式吗?我需要它在距离触摸点仅一像素时不改变外观。如果有的话,我想设置一些最大间隔,当移出它时,然后停止它。而且,启动和停止功能是否正常?我需要确切的停止功能。

0 投票
0 回答
43 浏览

angularjs - 如何使用 Monaca 在本地测试 Facebook 连接

我目前正在 Monaca Localkit 中使用 AngularJS 和 OnsenUi 开展一个项目,我需要您的帮助,将 facebook 登录集成到应用程序中。

我按照 此处的说明进行操作,但没有成功。

在站点 URL 字段中,我使用http://localhost/

虽然,我使用纯 javascript 并从http://localhost:8080提供我的 index.html 实现了预期的结果。(当然我将站点 URL 更改为http://localhost:8080

0 投票
2 回答
775 浏览

javascript - Onsen UI:按钮,与底部对齐

我正在使用 onsen-ui 创建应用程序。

这是我的“删除”按钮的代码

一切都很好,“删除”按钮具有适当的大小和颜色,但我希望它在底部对齐。

图书馆(温泉)是否有适当的“onsenish”方式来做到这一点,或者我应该使用通用 html 模式(比如如何将 div 的内容对齐到底部?)并自己猜测像素?

删除画面

0 投票
0 回答
141 浏览

vuejs2 - Monaca Vue 2 + onsenui 未定义的方法?

使用 monaca / vue2 / onsenui 拆分器模板创建了一个项目。在 main.js 文件中定义了一个测试方法,如下所示:

然后调用方法在这里@click进入homepage.vue

它总是返回未定义的方法,我错过了一些东西......

项目结构:

项目结构

0 投票
1 回答
32 浏览

onsen-ui2 - 如果我使用 ng-app 指令,Onsen 选项卡应用程序会引发错误

当我在 body 标签上使用ng-app='myApp'指令时,它会抛出' element[0].setTabbarVisibility is not a function ' 错误。

如果我不包括 ng-app,它工作正常。

为什么会这样?

0 投票
1 回答
535 浏览

jquery - Onsen UI ScrollTop 值不起作用

我尝试通过滚动来获取 scrolltop 值,但它看起来不适用于 ons-splitter 多页。

我试图删除 ons-splitter 和 ons-template 标签,只需使用 ons-page,然后它就可以工作了。

我正在使用带有 onsenui 框架和 jquery 的科尔多瓦。谁能帮帮我吗?

这是我的代码:

0 投票
2 回答
982 浏览

angular - 在 Angular 4 中集成 OnsenUI

我真的很难将 OnsenUI 集成到我的 Angular 2(版本 4)应用程序中。该项目是使用最新的 Angular CLI 生成的。OnsenUI 文档似乎不是最新的。

所以如果添加

如文档中所述: https ://onsen.io/v2/docs/guide/angular2/

我收到以下错误:

我不想使用 monaca 模板,这不会解决问题。

0 投票
1 回答
388 浏览

onsen-ui2 - VS2017中的温泉UI

我正在尝试使用 Onsen UI 在 VS2017 中开发移动网站。我采取的步骤如下。1.在VS2017中创建了一个空白的ASP.NET Web应用解决方案 2.从https://github.com/OnsenUI/OnsenUI-dist/releases下载了OnsenUI-dist 2.4.0的源代码zip文件并解压到一个文件夹中。3. 复制文件夹css、css-componenets-src、js,以及VS项目根目录下的package.json文件。4.在VS项目根目录下创建index.html,并在head中引用三个文件

一切正常。唯一的问题是,如果我对文件“theme.css”进行任何更改,它不会反映在浏览器中。

onsen-css-components.css 的标记是

理想情况下,我想用其他名称保存一个 theme.css 的副本,比如 theme2.css,在其中进行更改,然后在 onsen-css-components.css 中更改导入的 URL 名称。我想在theme.css 中进行更改后我错过了一些步骤(一些构建过程)。Onsen UI 团队正在以非常快的速度发展,之前关于主题定制的教程已经过时了。

我的 index.html 的完整标记是

0 投票
1 回答
792 浏览

javascript - 温泉 UI,如何使用 isShow() 方法

我正在创建一个非常简单的应用程序,我使用的是 Onsen UI 和纯 JavaScript(没有 Angular、React 或 Vue)。这是第一次使用这个框架,但到目前为止看起来非常简单直接,除了isShow()方法。我有一个对话框,我使用以下方法打开:

但现在我需要知道如何检查对话框是否打开。我认为使用这样的东西会起作用:

但是我收到一条document.getElementById(...).isShown is not a function错误消息。我唯一能找到的是 Onsen UI 文档中所说的内容:isShown() Returns whether the popover is visible or not.

如何确定 Dialog<ons-dialog>元素在 Onsen UI 中是否打开(可见)?