アプリで問題が発生しました。コルドバと jquery モバイルを使用してアプリを開発しています。jquery mobile masterのコードをたどると、そのコードが見つかりました
function openPopup(idPopup, onTimeout) {
var popupContent = '<div data-role="content" data-theme="a" style="border:0px;" class="ui-corner-bottom ui-content centerContent">' +
'<h3 class="ui-title" id="myTitle">Caricamento</h3>' +
'<img src="img/load_shop33sell.gif"/></div>';
var popup = '<div data-role="popup" id="popup-' + idPopup + '" data-overlay-theme="b" data-theme="a" class="ui-content">' + popupContent + '</div>';
$.mobile.activePage.append(popup).trigger("pagecreate");
$("#popup-" + idPopup).on({
popupbeforeposition: function () {
$('.ui-popup-screen').off();
}
});
var fallback = setTimeout(function () {
$("#popup-" + idPopup).popup("open");
}, 3000);
$("#popup-" + idPopup).popup("open");
clearTimeout(fallback);
callback = setTimeout(function () {
$("#popup-" + idPopup).popup('close');
if (onTimeout && typeof (onTimeout) === "function") {
onTimeout();
}
}, 20000);
}
このコードを使用すると、ポップアップを含める必要なくポップアップを開くことができます
<div data-role="popup">..../<div>
私が作成する各ページで.popupbeforepositionイベントを追加して、背景をクリックしてポップアップを非表示にできないように少し変更しました。まあ、それは問題なく動作しますが、問題が発生しました。最初のページでランダムにこれが発生します
正しい位置に来る前にポップアップが開くようです。さらに、スクロール可能な2番目のページがあり、常にこの状況にあります。ページの一番上までスクロールしようとすると、最初の写真のように画面の半分が黒くなります。
何が問題なのですか?
前もってありがとう、そして私の英語でごめんなさい:)