jquery-uiタブに効果を適用します
-
27-09-2019 - |
質問
jquery-uiタブに効果を適用することは可能ですか?私はそれの例を見ていません、そして、それが可能であれば、以下が間違っていると確信しています:
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
$("#tabs").effect(slide,options,500,callback);
});
</script>
解決
タグを変更したときに効果を発生させたい場合は、このようなことをすることができます を使用して fx
オプション:
$(function() {
$("#tabs").tabs( { fx: { height: 'toggle' } } );
});
フェード +スライドは次のようになります:
$(function() {
$("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );
});
これにより、タブ自体に効果が適用されます。 ここでスピンすることができます.
他のヒント
$(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.");
});
}
});
});
所属していません StackOverflow