i teraz ajax
$('#zapisz').click(function(){ $(this).ajaxStart(function(){ $('#ajax').append($loader) }); $(this).ajaxStop(function(){ $('.loader').remove(); }); }); $('#wczytaj').click(function(){ $(this).ajaxStart(function(){ $('#ajax').append($loader1) }); $(this).ajaxStop(function(){ $('.loader'1).remove(); }); });
i teraz są 2 problemy
1. jak kliknę kilka razy wcztaj to w divie id="ajax" pojawia się
<div class="loader">Wczytuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Wczytuję</div>
a powinno się pojawić raz bo przecież przy ajaxStop mam remove i to rzeczywiście działa tylko że w taki sposób że usuwa mi te wszystkie, ale jak znow klikne
wczytaj to pojawia się znów o jedno więcej i znikają po wczytaniu.
a drugi problem to taki że jak kliknę Zapisz
to się pojawia coś takiego
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
<div class="loader">Wczytuję</div>
<div class="loader">Zapisuję</div>
i to samo jak kilka razy to sie też klika razy pokazuje:/
chciałbym aby to się pojawailo tylko raz i żeby ajaxStart był oddzielony między przyciskami czyli jeśli 1 przycik to dziala tylko jeden ajaxStart a nie oba.
PS. nie piszcie mi o rozwiazaniu typu loader.show(), loader.hide() dlatego ze ja tych przycisków mam 20