Question

以下java脚本工作正常（Jquery）

$(document).ready(function(){
$('#c_area').load($('.m_top:first').attr('href'))   
});
$('.m_top').click( function(){
$("#myDiv").html('<img src="images/loading.gif" alt="Wait" />');
var name= $(this).attr('href');
$('#c_area').hide().load(name).fadeIn('normal');                
$("#myDiv").html('');
return false;
});

我想显示加载图片（微调器）最少2秒，因为当页面已经加载时，再次单击链接，加载图像（微调）不再显示因为页面已经加载。

最短时间= 2秒

最长时间=直到加载内容

Answer 1

使用延迟（）。给出以秒为单位的秒数，如

$('#c_area').delay(2000).hide().load(name).fadeIn('normal');   
            //^ delay for 2 sec then hide

这是您的解决方案。

我使用setTimeout（）在2秒后触发该函数。

$('.m_top').click( function(){          

    var name= $(this).attr('href');
    $('#c_area').html('<img src="images/loading.gif" alt="Wait" />');
    setTimeout( function() {
       $("#c_area").hide().load(name).fadeIn("normal");
    },2000);

    $("#myDiv").html('');
    return false;
});

Answer 2

将您的click事件处理程序绑定在DOM ready;

$(document).ready(function() {
  $('#c_area').load($('.m_top:first').attr('href'))   

  $('.m_top').click(function(event) {
    $("#myDiv").html('<img src="images/loading.gif" alt="Wait" />');
    var name = $(this).attr('href');
    $('#c_area').hide().load(name).fadeIn('normal');                
    $("#myDiv").html('');
    //return false;
    event.preventDefault();
  });

});

微调器最小时间延迟Jquery

2 个答案:

这是您的解决方案。