SORU
24 Temmuz 2012, Salı


Twitter bootstrap - tıklayın üzerinde kalıcı bir iç button Odaklanın

Etrafta bootstrap ile oynamaya başladı ve inanılmaz bir şey.

Bu anlamaya çalışıyorum. Kalıcı bir pencere içinde geri bildirim için bir button var. Harika çalışıyor. Ama odak kalıcı etkinleştirmek için bu düğmeye tıkladığınızda button gitmek istiyorum. Ve bu çalışma almak için görünmüyor olabilir.

Burada keman: http://jsfiddle.net/denislexic/5JN9A/4/

İşte kod:

<a class="btn testBtn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
      <textarea id="textareaID"></textarea>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>​

Burada JS

$('.testBtn').on('click',function(){
    $('#textareaID').focus();
});​

Devam etmek için Ben ' göstermek için kalıcı ve button için odaklanmak istiyorum. Fırlatma kalıcı zaman

Herhangi bir yardım için teşekkürler.

CEVAP
24 Temmuz 2012, Salı


I kalıcı yüklü değil düğmeye henüz zaman olmuyor çünkü. Bir olay odağı kanca ve bootstrap's modals page olacak olay is fired when the modal has been made visible to the user (will wait for css transitions to complete) shown, görüyoruz. Ve bu tam da istediğimiz şey.

Bunu deneyin:

$('#myModal').on('shown', function () {
    $('#textareaID').focus();
})
​

Burada kemanını güncelleme: http://jsfiddle.net/5JN9A/5/


Güncelleme:

@MrDBA, Bootstrap 3 etkinlik adı notlar shown.bs.modal changed. Yani, Bootstrap 3 kullanmak için:

$('#myModal').on('shown.bs.modal', function () {
    $('#textareaID').focus();
})

Bootstrap 3 için yeni keman: http://jsfiddle.net/WV5e7/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Fuse

    Fuse

    21 Kasım 2005
  • How to Cook ?

    How to Cook

    31 Ocak 2007
  • Influencer Plus

    Influencer P

    2 Ocak 2013