SORU
30 AĞUSTOS 2012, PERŞEMBE


Bootstrap kalıcı gösteriyor

Modellerimiz, ama hiç biri böyle değil tam olarak bootstrap ilgili bir kaç soru gördüm, ben önden gideceğim.

Böyle özelliği dediğim bir mod

$(".modal-link").click(function(event){
  $("#modal-content").modal('show');
});

Bu gayet iyi çalışıyor, ama Mayıs Ayında ilk giriş elemanı... davaya odaklanmak istiyorum kalıcı, ben geldiğimde ilk giriş elemanı #photo_name bir kimliği vardır.

Denedim

   $(".modal-link").click(function(event){
     $("#modal-content").modal('show');
     $("input#photo_name").focus();
   });

Ama bu boşuna oldu. Son olarak, 'show' olay ama öyle olsa bile, giriş odaklanamıyor. bağlama çalıştım Son olarak sadece test olarak gördüğüm bir suspiscion bu konuda en js yükleme amacıyla koydum bir setTimeout sadece görmek için ben bir gecikme ikinci, odak iş, ve evet, işe yaradı! Ama bu yöntem sıçıyorsun. Bir şekilde bir setTimeout kullanmadan aşağıdaki gibi aynı etkisi var mı?

  $("#modal-content").on('show', function(event){
    window.setTimeout(function(){
      $(event.currentTarget).find('input#photo_name').first().focus()
    }, 0500);
  });

CEVAP
30 AĞUSTOS 2012, PERŞEMBE


Bu deneyin

İşte eski DEMO:

DÜZENLEME: Burada bir çalışma Bootstrap 3 ile DEMO jQuery 1.8.3 ()

$(document).ready(function() {
    $('#modal-content').modal('show');
    $('#modal-content').on('shown', function() {
        $("#txtname").focus();
    })
});

Bootstrap 3 başlangıç gösterildiği gibi kullanın.bs.olay kalıcı:

$('#modal-content').on('shown.bs.modal', function() {
    $("#txtname").focus();
})

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DroidModderX ROOT Master

    DroidModderX

    14 ŞUBAT 2011
  • KSI

    KSI

    25 Temmuz 2009
  • xXGAMERrs_Xx

    xXGAMERrs_Xx

    31 Temmuz 2014