2012-06-08 28 views
18

Twitter'ın bootstrap'iyle model yükleme diyaloğunu uygulamaya çalışıyorum. Şu anki durumum:Twitter Bootstrap: Modal iletişim kutusu nasıl kapatılır?

$(document).ready(function() { 

    $('#loading_dialog') 
     .ajaxStart(function() { 
      $(this).modal('show'); 
     }) 
     .ajaxStop(function() { 
      $(this).modal('hide'); 
     }); 
}); 

Sorun, iletişim kutusunun kapanmayacağıdır.

+1

Geri aramaların .ajaxStop'a geçtiğini doğruladınız mı? – kinakuta

+0

@kinakuta evet, bu yangınlar ve $ (this) beklenen DOM öğesi var – Fdr

cevap

28

Bunu test etmedim ama sorun ajaxStart/Stop anonim işlevinin içeriğine bağlı olabilir.

Bunu deneyebilir misiniz?

var loading_dialog = $('#loading_dialog'); 
loading_dialog 
    .ajaxStart(function() { 
     loading_dialog.modal('show'); 
    }) 
    .ajaxStop(function() { 
     loading_dialog.modal('hide'); 
}); 
+1

Herhangi biri bize uygun bir cevap verin.Ayrıca bir sorunum var.Onları çözülmedi. – Akki

+1

, bootstrap Sürüm 2.3.2'yi kullanmam için çalışıyor – jwood

İlgili konular