将 WinJs 相关代码移植到 Mac (iPad)答案

【问题标题】：Porting WinJs related code to Mac (iPad)将 WinJs 相关代码移植到 Mac (iPad)
【发布时间】：2012-12-29 04:45:33
【问题描述】：

我在我的 Windows 应用商店应用程序中使用以下命令调用 HTML 页面：

<div id="random" 
     data-win-control="WinJs.UI.HtmlControl" 
     data-win-options="{uri:'/random.html'}">
</div>

然后我打电话给.hide() 和.show()。

我现在将它移植到 iPad 上。任何人都可以建议，更改最小代码并使用相同的 html 文件。这里需要 jQuery 吗？如何在此处合并？

【问题讨论】：

这个 HTML 控件将是 WinJS 独有的，Objective C 是否有一个可以呈现 HTML 的控件？不知道你会把 jQuery 放在哪里？

标签： jquery macos windows-8 microsoft-metro winjs

【解决方案1】：

如果您对选项的格式稍有不同，则可以使用 jQuery 轻松完成：

<div data-win-control="WinJs.UI.HtmlControl" 
     data-win-options='{"uri":"page1.html"}'></div>
<div data-win-control="WinJs.UI.HtmlControl" 
     data-win-options='{"uri":"page2.html"}'></div>
<script>
  var options;
  $("[data-win-control]").each(function () {
    options = $.parseJSON($(this).attr("data-win-options"));
    $(this).load( options.uri );
  });
</script>

请理解，这只是表面上与WinJS.UI.HtmlControl 相似，并没有完全实现。

【讨论】：

【解决方案2】：

我假设您正在使用允许您为 iPad 编写 HTML/JavaScript 的框架（例如 PhoneGap 之类的）。在这种情况下，您当然可以在您的 iOS 项目中使用 jQuery。在这种情况下，它比使用原始 JavaScript 更容易一些。 HtmlControl 的等价物只是一个 jQuery .append()，您可以同样使用 .hide() 和 .show()。请记住，如果您尝试在两个项目之间维护代码，您可能希望在两个项目中使用相同的技术（使用 jQuery）。

【讨论】：