モーダルウィンドウを表示し、jQuery Keypadを使用すると、モーダルウィンドウの後ろにキーパッドが表示されて隠れてしまいます。
手前に表示する方法をどなたか知らないでしょうか?
モーダルウィンドウはjQuery uiを使用しています。
プログラムを記述します。
ちなみに下記z-indexの設定をしてもダメでした。
#suuはあくまでinputであってキーパッド本体ではないのでしょうね・・・。
$("#dlg").css('z-index','1');
$("#suu").css('z-index','1000');
html ダイアログ
<div id="dlg"> <form> <table> <tbody> <tr> <th>数量</th> <td><input type="text" id="suu"></td> </tr> </tbody> </table> </form> </div> -------javascript ダイアログ
$('#dlg').dialog({
autoOpen: false,
bgiframe: true,
width: 600,
position: 'center',
modal: true,
show: 'bind',
hide: 'bind',
});
//ボタンを押すとダイアログを表示
$('#dlg').dialog('open');
javascript inputのidにキーパッド関連付け
$("#suu").keypad({
layout: ['789','456','123','.0'+$.keypad.BACK],
keypadOnly: false,
showOn: 'both',
buttonImage: '/img/keypad.png'
}).keypad('option', 'backText', 'C');
javascript キーパッド本体
*10000文字を超える為、掲載できませんでした。参照をお願いします。
Base
を表示して、ソースを表示して「<script src="js/jquery.keypad.js"></script>」
のリンク先を開くを参照できます。
回答2件
あなたの回答
tips
プレビュー