jQuery mobile (1.3) を使用してモバイル Web サイトを作成しています。
このサイトでは、メニューにパネルを使用しています。このパネルは、画面の左上にある「バー」ボタン、または左から右へのスワイプ (デスクトップではクリックしてマウスを右に移動) によってアクティブになります。
別のページに移動するまで、これはすべて正常に機能しています。新しいページは jQuery モバイル AJAX 関数を使用して読み込まれます。console.log に私のパネル div が記録されているので、そこにあることはわかっていますが、.panel('open') 関数はトリガーされません。
リンクを2つの異なる方法で作成しようとしましたが、うまくいきませんでした:
<a href="?controller=website&action=algemeenInvoer">Algemene invoer</a>
<a href="#" onclick="$.mobile.changePage('?controller=website&action=algemeenInvoer', { transition:'slideup'} );">Algemene invoer, using mobile.changePage</a>
私はphpを使用しているため、問題を示す単純なJSFiddleを作成することはできませんが、私の開発ページへのリンクは次のとおりです: snip
誰かがこの問題を解決するのを手伝ってくれることを願っています.panel('open') は、ページ ナビゲーションの後にトリガーされます。
編集: 現在のスワイプ機能:
$(document).on('pageinit',function(){
$('div[data-role="content"]').on("swiperight",function(){
console.log($('#menu'));
//open panel after swiped x px.
$.event.special.swipe.horizontalDistanceThreshold = 80;
$('#menu').panel("open");
});
});