2011-06-26 17 views
8

jQueryモバイルアプリケーション用のポップアップダイアログボックスが必要です。私はこのプラグインを見つけました:jQueryモバイルとポップアップダイアログボックス

http://dev.jtsage.com/jQM-SimpleDialog/

素晴らしいですどの - 私が必要とする正確に何をしてますが、1つの詳細のために -それは私が(すべてでそれを試してみましたAndroidのブラウザでは正常に動作しません。私は開発者がiPhone上でのみテストしたと考えている(おそらくiPhoneユーザーは、動作するかどうかを確認することができるかもしれない)。

誰かが知っている修正か、同じ種類のもの?

+0

これは私のアンドロイドでうまくいきました。 – Jasper

+0

使用しているAndroidのバージョンと使用しているブラウザを聞かせてもよろしいですか? –

+0

Androidバージョン2.2.1(内蔵ブラウザを使用) – Jasper

答えて

5

あなたは単にあなたがこのようにポップアップを作成することができます(コールバック/応答イベントの必要性を)情報を表示されていない場合:

<script type="text/javascript"> 
$("<div class='ui-loader ui-overlay-shadow ui-body-e ui-corner-all'><h1><strong>Thank you, we have received your information.</strong></h1></div>") 
    .css({ "display":"block", "opacity":0.96, "top": $(window).scrollTop() + 100 }) 
    .appendTo($("body")) 
    .delay(2500) 
    .fadeOut(400, function(){ 
     $(this).remove(); 
    }); 
</script> 
+0

これはとてもうまく動作します!ポップアップのためのJQuery Mobile 1.2アルファは、古いバージョンのJQuery Mobileと組み合わせてもまだいくつかの問題があります。 – mashtheweb

0

私は同じ問題を抱えていると私はからpopup()機能を使用することにしましたjQuery Mobile 1.2 alpha:http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/index.html。これまではJQM Simple Dialog 2 http://dev.jtsage.com/jQM-SimpleDialog/demos2/を使用しました。

これも役立つかもしれない:

を私はまた、https://github.com/serbanghita/jQM-dynamic-popupで小さなhttp://ghita.org/jquery/dynamic-mobile-popupやデモを参照してください$.dynamic_popup('Your HTML message');のようなはるかに簡単にポップアップを呼び出すことができるようにjQueryのモバイルpopup()機能を包むプラグインやスクリーンショットを作成しました

あなたが役に立ったら教えてください。

PS:jQMで動作する1.3

関連する問題