تطبيق التأثيرات على علامات تبويب jQuery-UI

Question

هل من الممكن تطبيق تأثير على علامة تبويب jquery-ui ، لم أر أي أمثلة عليها ، وأنا متأكد تمامًا من أنه إذا كان ذلك ممكنًا ، فإن ما يلي غير صحيح:

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
        $("#tabs").effect(slide,options,500,callback);
    });
</script>

Answer 1

يمكنك أن تفعل شيئًا كهذا ، إذا كنت تريد أن يحدث التأثير عند تغيير العلامات باستخدام fx اختيار:

$(function() {
  $("#tabs").tabs( { fx: { height: 'toggle' } } );
});

شريحة Fade + ستكون هكذا:

$(function() {
  $("#tabs").tabs( { fx: { height: 'toggle', opacity: 'toggle' } } );
});

هذا ينطبق على الآثار على علامات التبويب نفسها ، يمكنك أن تأخذها لتدور هنا.

Answer 2

  $(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.");
                });
            }
        });
    });