Question

我是jquery mobile的新手。我正在使用phonegap和jquery mobile（1.0.1）开发ipad应用程序。我需要为我的应用程序添加splitview。我在谷歌搜索过，发现了“http://asyraf9.github.com/jquery-mobile/”。

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

非常感谢你。

Answer 1

我也尝试过asyraf9的解决方案，但它似乎不能很好地工作（除非你想在它的源代码中找到它，否则它不是可配置的）。它现在还没有在几个月内更新。

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

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

Answer 2

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

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

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

Answer 3

我正在做类似的事情。我正在使用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是您要将内容加载到

中的辅助视图的容器

iPad中的Jquery Mobile splitview

3 个答案: