Question

在我的代码中，我有一个jquery选项卡，当单击一个选项卡时，我打印文本“正在加载”。但是由于标签变化太快，我看不到文字。切换选项卡之间如何延迟1或2秒？感谢。

My codes are below.

<div class="loading"><p>Loading...</p></div>

$(function() {
    $(".nav-content").tabs(
        {
        // CSS classes                      
        selectedClass: 'current',
        spinner: '',
        select: function(ui) {

           $(".loading").show();                

        },
        show: function(ui) {

            $(".loading").hide();

        }
    }
);

}）;

Answer 1

如果标签变化得足够快以使您的加载消息不可见，我会说智能设备会删除加载消息，因为它似乎毫无用处。

除非您有一个非常具体的理由让“加载”消息可见，否则请注意不要因人为延迟而降低用户体验。

Answer 2

你可以用.delay()延迟它，但这看起来有些倒退。我知道现在一切都必须是AJAX，但我们真的需要人工加载时间吗？我想如果你的网站准备好比加载...消息更快地呈现UI，那么就让它。即使看起来并不复杂，也能获得更好的用户体验

如何在jquery选项卡之间进行延迟

2 个答案: