0

jqueryモバイルアプリでsimpledialogを使用しています。通常のブラウザ幅で実行すると問題なく動作します。しかし、画面幅を 250px (約) 未満に縮小すると (モバイルに一致する画面幅)、URL は現在の URL に #&ui-state=dialog を追加し始めます。そして問題はリダイレクトにもあります。私のボタンの1つは他のページにリンクしています。そのボタンをクリックすると、指定したページにリダイレクトされ、現在のページに戻ります。しかし、もう一度同じことをしても問題はありません。誰でもこれを解決するのを手伝ってもらえますか?

簡単なダイアログのコードは次のとおりです。

$('#create_invoice').append('<div id="temp_div_popup" style="width:80px;position:absolute;top:0px;left:0px;"></div>');
$('#temp_div_popup').simpledialog({
    'buttons':{
        'Edit':{
            click:function () {
                operation = 'edit_exist';
                if (type == 'item') {
                    $.mobile.changePage('add_item.html',{
                        transition : 'none',
                        allowSamePageTransition : true
                    });
                }
                else if (type == 'task') {
                    $.mobile.changePage('add_task.html',{
                        transition : 'none',
                        allowSamePageTransition : true
                    });
                }
                $('#temp_div_popup').remove();
            }
        },
        'Delete':{
            click:function () {
                deleteItemOrTask(type);
                $('#temp_div_popup').remove();
            }
        },

        'Cancel':{
            click:function () {
                $('#temp_div_popup').remove();
            },
            icon:"delete",
            theme:"c"
        }
    },
    'height' :function(){
        return '55px;'
    },
    'width' : function(){
        return '140px';
    }
});
4

1 に答える 1

1

この問題は通常、携帯電話のように小さいビューでのみ見られます。ブラウザのサイズを小さなウィンドウに変更することでシミュレートできます。このプラグインを削除し、独自のカスタム ダイアログ ウィンドウを追加することで問題を解決しました。:)

于 2012-06-29T17:26:32.770 に答える