ラチェットを使用してモバイルアプリを構築しています。これまでのところツールセットが気に入っていますが、モーダルをメニューとして使用すると問題が発生します。
これがライブインデックス ページです。
これは私が使用している唯一のカスタム js です。
$(document).ready(function() {
if ((navigator.userAgent.match(/Android/i))) {
$('head').append('<link rel="stylesheet" href="css/ratchet-theme-android.min.css" type="text/css" />');
var plainAddress = $("#appAddress").text().replace(/\s+/g, "+");
var paramAddress = encodeURI(plainAddress);
var urlAddress = ('geo:0,0+?q=' + paramAddress);
$('#appLink').attr('href', urlAddress);
} else {
$('head').append('<link rel="stylesheet" href="css/ratchet-theme-ios.min.css" type="text/css" />');
var plainAddress = $("#appAddress").text().replace(/\s+/g, "+");
var paramAddress = encodeURI(plainAddress);
var urlAddress = ('http://maps.apple.com/?q=' + paramAddress);
$('#appLink').attr('href', urlAddress);
};
});
$.get('modal/qrModal.html', function(qr) {
$("#loadedModals").append(qr);
});
$.get('modal/menuModal.html', function(qr) {
$("#loadedModals").append(qr);
});
残りは goratchet.com からのratchet.jsです。すべてのページに固有ではないため、js を介してメニューと qr コードを取り込みます。ただし、起動時のメニューは正常に機能し、最初に選択が行われると、それに従ってページが読み込まれ、モーダルが閉じます。
その後は厄介です。
モーダルが読み込まれないこともあれば、応答しないこともあれば、読み込まれて新しいページが読み込まれることもありますが、モーダルを終了しません。
これは、外部ページにエクスポートしたためですか? それとも何か他のことが問題ですか?