4

ポップアップ画面があります。

ボタンをクリックした後、ポップアップ画面を表示したいと思います。

しかし問題は、ユーザーがポップ画面を開くたびに表示されることですが、ユーザーは再びボタンを押すことができます。

ボタンを無効にする必要があります（私はこれを行います）。しかし、ユーザーはリストをスクロールすることもでき、スクロール中にポップアップ画面が表示されなくなります。

ユーザーの前にポップアップ画面が表示されている間、ユーザーはスクロールできません。

ユーザーが画面内の任意の場所をクリックすると、ポップアップ画面が非表示になります。これが私の更新コードです。 http://jsfiddle.net/ravi1989/HesVd/10/

$("#addbuttons").on("click", "a", function() {

                if ($(this).attr("id") == "Add") {
                    alert("fdfg")
                     $('#addbuttons').prop('disabled', true).addClass('ui-disabled');
                     $('.row').prop('disabled', true).addClass('ui-disabled');
                }
   });
4

1 に答える 1

3

私が正しく理解している場合は、ポップアップを表示して、ユーザーがページの残りの部分にアクセスできないようにする必要があります。

これが true の場合、これは 2 つのポップアップ属性を追加することで簡単に実行できます。

data-overlay-theme="a"ページ全体にオーバーレイを作成するため、ポップアップのみにアクセスできます。

data-dismissible="false"その外側をクリックすると、ポップアップが閉じなくなります。基本的に、現在それを閉じる唯一の方法はプログラムです。

作業例: http://jsfiddle.net/Gajotres/aJChc/

<div data-role="popup" id="toc" data-overlay-theme="a" data-dismissible="false"></div>

編集 ：

次の作業例: http://jsfiddle.net/Gajotres/aJChc/

このコード例は、ポップアップが開かれたときに本文がスクロールしないようにします。ポップアップを閉じると、スクロールが再び有効になります。

$(document).on('popupafteropen', '[data-role="popup"]' ,function( event, ui ) {
    $('body').css('overflow','hidden');
}).on('popupafterclose', '[data-role="popup"]' ,function( event, ui ) {
    $('body').css('overflow','auto');
});

そして、これは私のコードの例です: http://jsfiddle.net/Gajotres/HesVd/13/

ラベル幅の修正:

.ui-input-text {
    width: 100% !important;
}
于 2013-06-17T12:04:37.880 に答える