Est-il possible d'appliquer un effet à un onglet jquery-ui, je n'en ai vu aucun exemple, et je suis à peu près sûr que si cela est possible ce qui suit est incorrect:Appliquer des effets aux onglets jquery-ui
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
$("#tabs").effect(slide,options,500,callback);
});
</script>
vous pouvez faire quelque chose comme ça, si vous voulez que l'effet de se produire lorsque vous modifiez les balises using the fx option:
$(function() {
$("#tabs").tabs({ fx: { height: 'toggle' } });
});
Un fondu + toboggan serait comme ceci:
$(function() {
$("#tabs").tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
});
Ceci applique les effets aux onglets eux-mêmes, you can take it for a spin here.
C'est en quelque sorte ce que je voulais faire, mais plus dans le sens de ce que permet de faire Localscroll. J'essaye de remplacer un dispositif plutôt encombrant de coda-slider de jquery avec ceci. Où avez-vous trouvé les informations sur le FX? Rien de ce que j'ai trouvé jusqu'ici n'a été si utile. – VikingGoat
@VikingGoat - Le site de jQuery UI lui-même est assez bon: http://jqueryui.com/demos/tabs/#option-fx Il y a aussi le site de documentation actuel ici: http://docs.jquery.com/UI/Tabs #options –
@Nick: Comme d'habitude ... vous rock homme !!! – Raja
$(function() {
$("#tabs").tabs({
beforeLoad: function (event, ui) {
if (ui.tab.data("loaded")) {
event.preventDefault();
return;
}
ui.ajaxSettings.cache = false,
ui.panel.html('<img src="images/loader.gif" width="24" height="24" style="vertical-align:middle;"> Loading...'),
ui.jqXHR.success(function() {
ui.tab.data("loaded", true);
}),
ui.jqXHR.error(function() {
ui.panel.html(
"Couldn't load Data. Plz Reload Page or Try Again Later.");
});
}
});
});
N'a jamais pensé à cela ... serait très intéressant de voir les réponses. – Raja