2

我是 jquery mobile 的新手。我正在使用 phonegap 和 jquery mobile(1.0.1) 开发 ipad 应用程序。我需要为我的应用程序添加拆分视图。我在谷歌搜索并找到“ http://asyraf9.github.com/jquery-mobile/ ”。

但这对我不起作用。我的问题。是否有其他关于 splitview 的教程或将asyraf9 解决方案添加 到我的应用程序的更好方法？

非常感谢你。

4

3 回答 3

0

我还尝试了 asyraf9 的解决方案，但它似乎效果不佳（而且也不是可配置的，除非你想在它的源代码中四处寻找）。到目前为止，它也已经好几个月没有更新了。

我最终改用 Sencha Touch，它看起来更好，而且背后有整个公司，而不是一个开发人员。它不是 jQuery 的插件，因此它不使用熟悉的 $-syntax 但这也意味着如果您希望 jquery 处理其他东西（如 xhr），它可能会正常工作。在下面的链接中查看他们的 splitview 和其他移动控件的演示。

http://dev.sencha.com/deploy/touch/examples/production/kitchensink/

于 2012-06-29T10:29:20.980 回答
0

我正在做类似的事情。我正在使用 jQuery .load()，它似乎工作得很好

$('#sidepanel').load('path to file you're trying to load.html', function(responseText, textStatus, XMLHttpRequest){
  $('#sidepanel').trigger('create'); //this applies the jquery mobile stylings to the loaded content
});

sidepanel是您要将内容加载到的辅助视图的容器

于 2012-06-30T06:55:21.380 回答
0

为 JQM <1.0 完成了拆分视图。它的设置方式很难与 JQM 集成，因为它基本上禁用了导航和视口，然后设置了它自己的。因此，如果您要让 splitview 工作，您将被绑定到您正在工作的单个页面。

如果您想尝试替代方案，请查看multiview ( Github )，我基于 splitview 开始，但使用 JQM 导航运行。它仍在进行中，但我需要一个我正在做的项目，所以我正在修补它。

您将需要使用我修改后的 JQM 版本。JQM 内部还有两个调整，到目前为止我还无法删除。

于 2012-06-29T12:37:59.020 回答