Ich habe jquery virtuelle Tastatur für Bootstrap modal Box Feld verwendet. Und ich möchte Tastatur nach dem Textfeld in Modal-Box nach Fokus auf Textfeld anzeigen.virtuelle Tastatur jquery falsche Anzeige in Bootstrap modal
JQuery-Code ist
$('#test').keyboard({ layout: 'qwerty', usePreview: false,position: {
// null = attach to input/textarea;
// use $(sel) to attach elsewhere
of: $('#teste'),
my: 'center top',
at: 'center top',
// used when "usePreview" is false
at2: 'center bottom'
} });
Bootstrap modalbox Code ist:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class="form-horizontal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Contact Information</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="test" class="col-sm-2 control-label">Email</label>
<div class="col-sm-6">
<input type="email" class="form-control" id="test" placeholder="test" autocomplete="off">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" id="save" >Send</button>
</div>
</div></form>
Hier die URL Demo ist http://jsfiddle.net/5Lww1wgm/3/ Position absolut sein kann, so dass es nicht Tastatur Anzeige richtig . Danke,
Der Grund, es nicht funktioniert, weil '$ (‚# testete‘)' nicht (zumindest in der jsfiddle) vorhanden ist, so wird die Position auf 0 gesetzt , 0 (links, oben) - hier ist [eine Demo] (http://jsfiddle.net/5Lww1wgm/4/), die stattdessen '$ ('# test')' 'verwendet, oder einfach nur die Positionsoption und sie komplett entfernen sollte als @ jjs2000 freigegeben funktionieren. – Mottie