2

编辑:显然添加 class="button" 使其工作......有人可以提供有关其他类的参考吗?我们找不到有关此的任何信息.. 谢谢

我们正在使用 XDK 在 HTML5 中制作应用程序,它有很多不同的视图。我们计划每次想要转到不同的视图时只链接到另一个 html 页面。但是我们很快发现超链接不起作用,被禁用,并且按钮也没有链接。

我小组中的一个人说她看到了一个关于拥有一堆然后只是显示和隐藏它们并将其用作 UI 导航的示例……这是唯一的方法吗?

提前致谢!

4

1 回答 1

7

英特尔 XDK 不插入任何类定义或要求您使用特定框架。它是一个使用您提供的 CSS、HTML 和 JS 文件组装 HTML5 混合移动应用程序的工具。

如果您查看示例和创建新项目时创建的默认“空白”项目,您会发现可能引用了以下一个或多个“幻像”JS 文件:

intelxdk.js
cordova.js
xhr.js

前两个(intelxdk.js 和 cordova.js)是特殊的“设备 API”JavaScript 库。您实际上不会在项目目录中找到它们,它们会在您使用模拟器和构建项目时自动包含在内(它将您的 HTML5 代码和资产“包装”到特定于您的目标的本机包装器中)构建——它不编译任何东西,它只是将它转换成一个混合的原生/HTML5容器应用程序,可以安装在你构建的目标平台上)。

第三个是一个特殊的辅助 JS 库,用于从您的应用程序中处理 CORS 问题。

这三个 JS 文件都没有定义任何类或 HTML 标记等。它们只是实现特定于目标的设备 API,这些 API 由“顶端”的 JavaScript 和“底端”的本机代码组成。您的应用程序只能看到 JavaScript 接口并与之交互,并且只能与您需要使用的 API 进行交互(这完全是可选的)。

有关所有这些的介绍,请参阅英特尔 XDK 文档页面

因此,这意味着您确定您的应用程序采用哪些框架和结构。换句话说,如果你想使用 Bootstrap 和 jQuery,你可以这样做。如果您决定使用 App Designer 或 App Starter 工具,它们将定义一些影响您的布局的类。但是,您不需要使用这些工具来定义您的 HTML 和 CSS,您可以手动完成或使用您喜欢的 UI 框架库。

请记住,您的代码不是由桌面浏览器呈现,而是由设备一部分的嵌入式“webview”呈现。这些 webview 的内存和 CPU 资源与您在桌面浏览器中使用的不同,因此您需要学会“精益求精”以获得最佳效果。您正在使用 HTML5 技术构建移动应用程序,而不是在手机上创建网站。

希望这会有所帮助,请参阅我们的 HTML5 网站了解更多背景资料。现在它有点小,但我们会在时间和资源允许的情况下添加示例和背景材料。

希望有帮助...

于 2013-12-21T00:20:45.340 回答