Wczytanie zawartości pliku przed otwarciem Opcje

[piotr485]

Witam, wczytuję okienko bootstrap modal za pomocą ajaxa z pliku php i przy pomocy data-id

[HTML] pobierz, plaintext 
  $(document).ready(function(){
    $('#window').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : '/plik.php', 
            data :  'rowid='+ rowid, 
            success : function(data){
            $('.fetched-data').html(data);
            }
        });
     });
});
[HTML] pobierz, plaintext 

Otwieranie okien:

[HTML] pobierz, plaintext 
<a data-toggle="modal" data-target="#window" data-id="1">nazwa 1</a>
<a data-toggle="modal" data-target="#window" data-id="2">nazwa 2</a>
<a data-toggle="modal" data-target="#window" data-id="3">nazwa 3</a>
[HTML] pobierz, plaintext 

Wszystko działa pięknie tylko że problem jest taki że jak otworzyłem wcześniej okienko i je zamknęłam i później otworzyłem kolejne to przez ok 2 sek. (w zależności od łącza) pojawia się stara zawartość (poprzednia) i dopiero po tych dwóch sekundach pojawia się nowa zawartość.

Podejrzewam, że problem by rozwiązało wczytanie zawartości tego pliku, a dopiero później jego wyplucie do html'a, tylko jak to zrobić? Z góry dziękuję za pomoc :*

Dodałem:

[HTML] pobierz, plaintext 
beforeSend: function(){
$("#loading").show();
 },
 complete: function(){
$("#loading").hide();
},
[HTML] pobierz, plaintext 

przed success, ale wiele to nie pomogło ktoś ma jakiś pomysł ?

Ten post edytował piotr485 19.07.2016, 22:53:41

[ZenekN]

Wyczyść diva przed użyciem funkcji ajax

$('#twojdiv').empty();

Ten post edytował ZenekN 20.07.2016, 09:31:44