问题标签 [onsen-ui]

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 回答
1665 浏览

javascript - 使用 Onsen UI,如何使用 Fade 在页面之间转换?

在 Onsen UI ( http://onsenui.io/ ) 中,ons.screen.presentPage 的默认转换包含从底部移动到顶部的页面。我有一个特殊情况,仅对于其中一个页面,我需要新页面以淡入显示。如何仅为其中一个页面更改 presentPage 的默认转换?

0 投票
1 回答
1691 浏览

javascript - 无法使用 javascript [OnsenUI] 生成 ons-list

我正在尝试从远程服务器获取数据并将其显示在<ons-list>. javascriptappend函数不能用于. <ons-list>它在屏幕上什么也不显示。

这是我的javascript:

这是我的html文件:

我希望它像这样显示: 在此处输入图像描述

更新
这是我的index.html文件

我的tabbar.html

我的page4.html

我的courses.html

我的fetchData.js

0 投票
1 回答
135 浏览

javascript - 我可以在上页滑入之前擦除上一页内容吗?

ons-sliding-menu我用Onsen UI创建了我的项目。当我单击页面后面的菜单项时,页面上方会滑入,但仍会显示之前的内容一秒钟(很短的时间,但您会注意到这一点)。

我可以在上页滑入之前擦除上一页内容吗?

0 投票
7 回答
23968 浏览

mobile - OnsenUI 与 Ionic 框架

我想开始使用 angularjs、css3 和 html5 开发移动混合应用程序。正在寻找一个框架,并找到了这两个。两者看起来都很好,但是我无法对它们进行很好的比较。谁能列出两者的优缺点。

在可扩展性、开箱即用组件、速度以及与 Angular 和目标设备的兼容性方面对它们进行比较将非常有帮助

0 投票
1 回答
514 浏览

javascript - 减小 OnsenUI 的大小

我刚刚下载了温泉用户界面。它看起来非常漂亮,但是很大!所以基本上有3个问题:

  • 如何将 Onsen UI 精简到最低限度?
  • 使用 Onsen UI 需要 AngularJS 吗?(我更喜欢knockoutjs)
  • Onsen UI“最小”示例的大小已经约为 6MB(没有任何噱头)。是否有真正的“最低”样本?
0 投票
3 回答
505 浏览

javascript - Onsen UI + InMobi 集成

我正在尝试将 inMobi 广告集成到我的 Monaca 项目中。当前的 Monaca 教程似乎已经过时,因此我与 InMobi 的一位员工进行了交谈。他告诉我把这段代码放在我想要的地方。

<script type="text/javascript"> var inmobi_conf = { siteid : myID, slot : "15", }; </script><script type="text/javascript" src="http://cf.cdn.inmobi.com/ad/inmobi.js"></script>

myID 显然已替换为我的财产 ID。每当我在 ons-scroller 标签之间或之外添加它时,我都看不到广告。广告工作的唯一时间是我将它放在 index.html 中 ons-screen 标记之前,但是我无法将广告移动到底部。将此代码放在我想要的页面中的最佳位置在哪里?

谢谢,本

0 投票
1 回答
676 浏览

cordova - 移动设备和 Firefox 上的 onsenui

我正在为 PhoneGap http://onsenui.io/使用新的 Onsen UI ,我喜欢它。但它无法在 chrome 以外的浏览器上正常工作。

例如,当您尝试在 Firefox 中滑动时,没有反应。这种效果也会出现在不使用 Chrome 的移动设备上。

这是我的测试:

  1. 三星 S3 Webbrowser Chrome - ons-sliding-menu - 工作

  2. Firefox 27.0.1 - ons-sliding-menu - 不工作

  3. IE 11 - ons-sliding-menu - 不工作
  4. Windows Phone 7.5 浏览器 - ons-sliding-menu - 不工作

您也可以通过调用以下站点对其进行测试:http: //onsenui.io/docs/#sliding-menu

只需使用 Chrome 以外的任何浏览器打开它。在这里您可以看到,仅支持 chrome。我错了什么?

0 投票
1 回答
765 浏览

css - Onsen UI/Topcoat 类名

我只是想知道是否有面漆/温泉类名称的列表。类名,例如 .topcoat-button--large--cta。这将极大地帮助我自定义应用程序设计的能力。此外,文档只显示了一些,我不太确定在检查元素中寻找什么。

谢谢,本

0 投票
1 回答
7645 浏览

javascript - 在我的 Onsenui 应用程序中添加登录页面

我想在进入主页之前设置一个登录页面。我怎么能在这个指令之前做到这一点:

我使用 Monaca IDE

谢谢您的帮助

查尔斯

0 投票
4 回答
26647 浏览

angularjs - 仅将 Ionic Framework 或 OnsenUI 用作托管 Web 应用程序有什么缺点

我们计划使用 AngularJS 创建一个托管 Web 应用程序。作为 UI 框架,我们发现 Ionic 和 Onsen 可以很好地与 AngularJS 配合使用。这两个框架都宣传它们是专门为混合应用程序设计的。但我们我理解正确,这两个框架都是基于网络技术的。那么在为非混合应用程序使用建议的 UI 框架时有什么缺点呢?主要是浏览器支持吗?

谢谢