问题标签 [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.
reactjs - Onsen UI + React应用程序中的renderToolbar内的回调不起作用
我正在尝试将 Onsen UI + React 用于需要拆分器和导航的应用程序。Page 对象使用函数renderToolbar,其中定义了带有该方法的按钮来打开 Splitter。
当我单击工具栏上的按钮时,这不会,但是当单击页面上的按钮时有效。为什么?
这是完整的代码:
javascript - Cordova - 用于录制音频的按住按钮 - 有时会停止
让我彻底解释一下。我正在使用 Cordova 构建一个聊天应用程序,我想做一个录音功能,就像在 Messenger 中一样,你按住一个按钮,它会改变它的外观,然后在你释放按钮一段时间后,声音文件被发送到服务器。我尝试这样做,有时它可以工作,但有时它会意外停止,或者有时当您将手指移动一个像素时按钮的外观变为未单击。
现在这是我的按钮的 html
这是javascript
如您所见,我依靠 touchstart 和 touchend 事件来确定何时开始和停止它,并且还有一个强制 setTimeout 函数可以在给定的时间限制停止录制。
这是可视化按钮的最佳方式吗?我需要它在距离触摸点仅一像素时不改变外观。如果有的话,我想设置一些最大间隔,当移出它时,然后停止它。而且,启动和停止功能是否正常?我需要确切的停止功能。
angularjs - 如何使用 Monaca 在本地测试 Facebook 连接
我目前正在 Monaca Localkit 中使用 AngularJS 和 OnsenUi 开展一个项目,我需要您的帮助,将 facebook 登录集成到应用程序中。
我按照 此处的说明进行操作,但没有成功。
在站点 URL 字段中,我使用http://localhost/
虽然,我使用纯 javascript 并从http://localhost:8080提供我的 index.html 实现了预期的结果。(当然我将站点 URL 更改为http://localhost:8080)
javascript - Onsen UI:按钮,与底部对齐
我正在使用 onsen-ui 创建应用程序。
这是我的“删除”按钮的代码
一切都很好,“删除”按钮具有适当的大小和颜色,但我希望它在底部对齐。
图书馆(温泉)是否有适当的“onsenish”方式来做到这一点,或者我应该使用通用 html 模式(比如如何将 div 的内容对齐到底部?)并自己猜测像素?
onsen-ui2 - 如果我使用 ng-app 指令,Onsen 选项卡应用程序会引发错误
当我在 body 标签上使用ng-app='myApp'指令时,它会抛出' element[0].setTabbarVisibility is not a function ' 错误。
如果我不包括 ng-app,它工作正常。
为什么会这样?
jquery - Onsen UI ScrollTop 值不起作用
我尝试通过滚动来获取 scrolltop 值,但它看起来不适用于 ons-splitter 多页。
我试图删除 ons-splitter 和 ons-template 标签,只需使用 ons-page,然后它就可以工作了。
我正在使用带有 onsenui 框架和 jquery 的科尔多瓦。谁能帮帮我吗?
这是我的代码:
angular - 在 Angular 4 中集成 OnsenUI
我真的很难将 OnsenUI 集成到我的 Angular 2(版本 4)应用程序中。该项目是使用最新的 Angular CLI 生成的。OnsenUI 文档似乎不是最新的。
所以如果添加
如文档中所述: https ://onsen.io/v2/docs/guide/angular2/
我收到以下错误:
我不想使用 monaca 模板,这不会解决问题。
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 的完整标记是
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 中是否打开(可见)?