1

I was invoking an HTML page with the following command in my Windows Store App:

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

I then call .hide() and .show().

I am now porting this for iPad. Could anyone suggest, what to change minimum code and use the same html file. Is jQuery needed here? How to incorporate that here?

4

2 回答 2

1

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

于 2013-01-15T17:06:40.687 回答
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>

请理解,这只是表面上类似于 a WinJS.UI.HtmlControl,并没有接近完整的实现。

于 2013-04-23T15:08:27.103 回答