1

プログラムで2つのポップアップを作成する必要があり、各ポップアップには1つの入力ボックスと1つのOKボタンと1つのキャンセルボタンが含まれている必要があります。

最初のポップアップ OK ボタンをクリックすると、2 番目のポップアップを表示する必要があります。

私はjqueryモバイルを初めて使用します。多くのドキュメントを調べましたが、適切な方法がわかりませんでした。

私はそれをこのようなものにしようとしました。しかし、うまくいきませんでした。

var $popUp = $("<div/>").popup({
        dismissible : false,
        theme : "a",
        overlyaTheme : "a",
        transition : "pop"
    }).bind("popupafterclose", function() {
                    //remove the popup when closing
        $(this).remove();
    });

どうすればjsファイルでそれを行うことができますか..

ありがとう：）。

4

1 に答える 1

2

2 つの Popus は同時にアクティブにすることはできません。

回避策があります。これが私の古い例です: http://jsfiddle.net/Gajotres/8Arrt/

$(document).on('pagebeforeshow','#index',function(e,data){    
    $('#test-button').on('click', function(e) {
        $('#MyFirstPopup').popup('open', {x : 100, y : 500, positionTo : 'origin'});
    });    

     $('#popup-button').on('click', function(e) {
         setTimeout(function(){$('#MySecondPopup').popup('open', {x : 100, y : 100, positionTo : 'origin'});},100)
         $('#MyFirstPopup').popup('close');
    });
});

基本的に、2 番目のポップアップを開きたい場合は、最初のポップアップを閉じる必要があります。そのため、最初のポップアップが閉じられた後、2 番目のポップアップを操作するために setTimeout が必要です。

于 2013-05-15T11:20:16.947 に答える