Question

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

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

然后我致电.hide()和.show()。

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

Answer 1

我假设您使用的框架允许您为iPad编写HTML / JavaScript（如PhoneGap或其他东西）。在这种情况下，您当然可以在iOS项目中使用jQuery。这种情况比使用原始JavaScript更容易一些。相当于HtmlControl只是一个jQuery .append()，您可以使用.hide()和.show()。请记住，如果您尝试在两个项目之间维护代码，则可能需要在两者中使用相同的技术（使用jQuery）。

Answer 2

如果您的选项格式稍有不同，您可以使用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类似，并且不会在完整实施附近出现。

将WinJs相关代码移植到Mac（iPad）

2 个答案: