Twitter bootstrap - tıklayın üzerinde kalıcı bir iç button Odaklanın | Netgez.com
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:
JavascriptTwitter-Bootstrap JqueryJquery

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Hudson Music

    Hudson Music

    13 Mart 2007
  • Rozetked | Обзоры

    Rozetked | Ð

    5 AÄžUSTOS 2011
  • Tube Time

    Tube Time

    14 Mayıs 2013

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR