JQueryMobile1.3.0で追加されたＰＯＰＵＰのオプションについて
537 views
Skip to first unread message
miz...@gmail.com
Feb 24, 2013, 3:26:46 AM2/24/13
to jqm...@googlegroups.com
はじめまして、溝口と申します。
JQueryMobile１．３．０からＰＯＰＵＰの仕様が追加されて、ＰＯＰＵＰ以外の場所をクリックしても閉じなくなったので、
JQueryMobile１．３．０からＰＯＰＵＰの仕様が追加されて、ＰＯＰＵＰ以外の場所をクリックしても閉じなくなったので、
さっそく、モーダルダイアログの代わりに使えるか試してみました。（JQueryMobileのダイアログは背景が見えなくなるので・・・）
試したのは、POPUP内のINPUTボックスで本体の文字列を変換させるHTMLです。（ソースは文末に記載しています。）
結果、WIndows ＩＥ１０ の挙動がおかしいです。iOS＋サファリ、Nexsu７＋chromは大丈夫そうでした。
１回目のＰＯＰＵＰ表示は問題なく動くのですが、連続で２回目を動かすと下記のようになってしまいます。
１ ＰＯＰＵＰを表示させると、ブラウザが最背面に隠れてしまう。（他のウィンドに隠れてしまう。）
２ ＩＭＥが飛んでしまい、日本語入力できなくなってしまう。
※１はメトロＵＩでは発生しません。ディスクトップでＩＥ１０を表示させている時に起こります。
２は両方とも発生します。
２ ＩＭＥが飛んでしまい、日本語入力できなくなってしまう。
※１はメトロＵＩでは発生しません。ディスクトップでＩＥ１０を表示させている時に起こります。
２は両方とも発生します。
JQueryMobile１．３．０の仕様（バグ）？でしょうか。IEではサポート外なのでしょうか？
以上、わかる方がいましたら回答お願いいたします。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>POPUP</title>
<link rel="stylesheet" href="jquery.mobile-1.3.0.css" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>POPUP</title>
<link rel="stylesheet" href="jquery.mobile-1.3.0.css" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript">
function go_popup01(){
var str_text01 = document.getElementById('text01').innerHTML;
document.getElementById('text02').value = str_text01;
$("#popup01").popup("open",{transition:'slidedown'});
}
function popclose01(){
var str_text02 = document.getElementById('text02').value;
document.getElementById('text01').innerHTML= str_text02;
function go_popup01(){
var str_text01 = document.getElementById('text01').innerHTML;
document.getElementById('text02').value = str_text01;
$("#popup01").popup("open",{transition:'slidedown'});
}
function popclose01(){
var str_text02 = document.getElementById('text02').value;
document.getElementById('text01').innerHTML= str_text02;
$("#popup01").popup("close");
}
</script>
}
</script>
<body>
<div id="main" data-role="page">
<div data-role="header"><h1>POPUP確認</h1></div>
<div data-role="content">
<p id="text01" >テストテストテスト</p>
<button onclick="go_popup01()" >変更</button>
</div>
<div id="popup01" data-role="popup" data-dismissible="false">
<div data-role="header"><h1>ＰＯＰＵＰ</h1></div>
<div data-role="content">
<label for="text02" >入力内容</label>
<input type="text" id="text02" name="text02" value="" />
<input type="button" value="変更する。" data-inline="true" onclick="popclose01()" />
</div>
<div data-role="footer">Company xxxxxxxxxx</div>
</div>
</div>
<div data-role="footer">Company xxxxxxxxxx</div>
</body>
</html>
Toru Yoshikawa
Mar 17, 2013, 11:08:24 PM3/17/13
to jqm...@googlegroups.com
吉川です。
放置してしまっていたようで、すみません。。
そして、IE10を確認できる環境がありません。。
ブラウザ自体の挙動が変わるとのことで、
ブラウザの方のバグかもしれません。
再来週あたりに、メンテナンスリリースの
1.3.1が出る予定なので、そちらで確認してみても良いかもしれません。
以上
2013年2月24日 17:26 <miz...@gmail.com>:
> --
> このメールは Google グループのグループ「日本jQuery Mobileユーザー会」の登録者に送られています。
> このグループから退会し、メールの受信を停止するには、jqm-jp+un...@googlegroups.com にメールを送信します。
> その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。
>
>
--
Toru Yoshikawa
mail: pikotea[at]gmail.com
twitter: yoshikawa_t
blog: http://d.hatena.ne.jp/pikotea/
放置してしまっていたようで、すみません。。
そして、IE10を確認できる環境がありません。。
ブラウザ自体の挙動が変わるとのことで、
ブラウザの方のバグかもしれません。
再来週あたりに、メンテナンスリリースの
1.3.1が出る予定なので、そちらで確認してみても良いかもしれません。
以上
2013年2月24日 17:26 <miz...@gmail.com>:
> このメールは Google グループのグループ「日本jQuery Mobileユーザー会」の登録者に送られています。
> このグループから退会し、メールの受信を停止するには、jqm-jp+un...@googlegroups.com にメールを送信します。
> その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。
>
>
--
Toru Yoshikawa
mail: pikotea[at]gmail.com
twitter: yoshikawa_t
blog: http://d.hatena.ne.jp/pikotea/
Reply all
Reply to author
Forward
0 new messages