Je voudrais ajouter un effet fadeOut et FadeIn subtile et rapide à un changement de bouton via switchClass.Est-il possible de choisir l'effet pour une fonction switchClass jQuery UI?
jQuery("a#btnPause").switchClass(pauseClass,playClass,200);
L'effet utilisé par défaut est un slideLeft.
Si j'utilisais jQuery standard, je voudrais mettre un effet sur addClass et removeClass, mais est-ce possible?
est quelque chose comme
$("a#btnPause").fadeOut(200).switchClass(pauseClass,playClass,200).fadeIn(200);
ce que vous cherchez?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.16.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#btnDemo').click(function() {
$('a#btnPause').fadeOut(200).switchClass('pauseClass', 'playClass', 200).fadeIn(200);
});
});
</script>
<style type="text/css">
.pauseClass
{
color: Red;
}
.playClass
{
color: Green;
}
</style>
</head>
<body>
<a id="btnPause" class="pauseClass">Text</a>
<input type="button" id="btnDemo" value="Demo" />
</body>
</html>
pour la démo en direct voir ce lien: http://jsfiddle.net/nanoquantumtech/dkHnt/ – Thulasiram
ah, pouvez-vous simplement enchaîner les effets, c'est bien. le a # btnPause est un bouton, je pense qu'il ne sera pas bon de le faire disparaître, puisque les autres boutons (qui sont aussi là) bougeraient. Encore je pense que votre solution est géniale quand je finis à l'opacité 0.01. merci! –
Je ne pense pas que fadeOut fera changer les éléments environnants car il ne fait que mettre l'opacité à zéro - il ne cache pas réellement l'élément (via 'display: hide'). Est-ce correct? –
Je pensais qu'un fondu se termine par un affichage: aucun Je vais faire quelques tests :) –