Pulsante Jquery Disabilita Avanti fino finiture di animazione
-
26-09-2019 - |
Domanda
Questa è fresco e sono familiarità con questo. Tuttavia Voglio che i pulsanti Avanti e Indietro per rimanere visibile, semplicemente non essere in grado cliccare. Nella mia situazione particolare, i pulsanti sono immagini che fanno parte del progetto. Voglio solo che l'utente non sia in grado di scegliere attraverso una prima estremità di animazione.
Soluzione
$(function(){
$("#previous").bind("click", Previous);
$("#next").bind("click", Next);
});
function DoAnimation() {
$("#previous,#next").unbind("click");
$('#id').animate(
complete: function() {
$(this).after('<div>Animation complete.</div>');
$("#previous").bind("click", Previous);
$("#next").bind("click", Next);
}
});
}
function Previous() { }
function Next() { }
Altri suggerimenti
una più tecnica:
$(".next,.prev").click(function(){
if ($('#my_animated_elelement').is(':animated'))
{
return false;
}
})
Credo che devi chiamate JavaScript per le immagini onclick di, utilizzare una variabile per MyApp.IgnoreNextPrevClicks
bandiera se i gestori onclick non eseguire o meno.
MyApp={}
MyApp.IgnoreNextPrevClicks=false;
MyApp.PrevClick=function() {
if(MyApp.IgnoreNextPrevClicks) return;
//real work goes here
}
ora prima di chiamare l'animatore jquery, insieme MyApp.IgnoreNextPrevClicks
su true, e impostare di nuovo a falso dopo la fine dell'animazione (utilizzare jQuery animazione callback).
function btn() {
$('#btn').one('click', function(){
//call your animation function here.
setTimeout(btn, animation duration);
});
}
$('#mybtn').attr("disabled","disabled"); // to Disable Button
$('#mybtn').removeAttr("disabled"); // to Enable Disabled button