Anwenden von Effekten auf jquery-ui Tabs
-
27-09-2019 - |
Frage
Ist es möglich, einen Effekt auf einen jquery-ui Reiter zu bewerben, ich habe keine Beispiele dafür gesehen, und ich bin mir ziemlich sicher, dass, wenn es möglich ist, die folgende ist falsch:
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
$("#tabs").effect(slide,options,500,callback);
});
</script>
Lösung
Sie können etwas tun, wenn Sie den Effekt wollen passieren, wenn Sie Tags ändern mit die fx
Option :
$(function() {
$("#tabs").tabs( { fx: { height: 'toggle' } } );
});
Ein Fade + Dia so sein würde:
$(function() {
$("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );
});
Dies gilt, die Auswirkungen auf die Registerkarten selbst, Sie es für eine Spritztour hier nehmen kann.
Andere Tipps
$(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.");
});
}
});
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow