iPad中的Jquery Mobile splitview

Question

我是jquery mobile的新手。 我正在使用phonegap和jquery mobile（1.0.1）開發ipad應用程序。 我需要為我的應用程序添加splitview。 我在Google中搜索並找到了“ http://asyraf9.github.com/jquery-mobile/ ” 。

但這對我不起作用。 我的問題。 還有其他適用於splitview的教程，還是將asyraf9解決方案添加到我的應用程序的更好方法？

非常感謝你。

Answer 1

我還嘗試了asyraf9的解決方案，但它似乎無法很好地工作（除非您想在其源代碼中四處瀏覽，否則它也不是可配置的）。 到目前為止，它也已經很多個月沒有更新。

我最終改用了Sencha Touch，它看起來更好，背后有整個公司，而不是一個開發商。 雖然它不是jQuery的插件，所以它不使用熟悉的$語法，但這也意味着如果您希望使用jquery處理其他內容（例如xhr），它可能會正常工作。 在下面的鏈接中查看其splitview和其他移動控件的演示。

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

Answer 2

對於JQM <1.0，已完成Splitview。 它的設置方式很難與JQM集成，因為它基本上會禁用導航和視口，然后自行設置。 因此，如果您要使用splitview，那么您將被綁定到正在處理的單個頁面上。

如果您想嘗試其他方法，請看一下我基於splitview開始但使用JQM導航運行的multiview （ Github ）。 它仍在進行中，但是我需要一個正在進行的項目，所以我會在進行過程中對其進行修補。

您將需要使用修改后的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是要將內容加載到其中的輔助視圖的容器