Tag: 延迟

收盘前$ .ready()

这不是一个真正的编码问题,而是一个现实世界的陈述。 我之前已经注意到 DOMReady事件很慢,很慢。 所以,我注意到在浏览jQuery源代码时可以使用$.ready()触发jQuery domeready事件。 然后我想,在关闭正文之前放置这个简单的执行脚本应该触发所有先前附加的“onDomReady”监听器。 是的,它按预期工作: $.ready() 这里有两个例子,这个例子测量等待DOMReady时花费的ms: http://jsbin.com/aqifon/10 正如您所看到的,DOMReady触发器本身非常慢,用户必须在domready脚本启动之前等待整整200-300毫秒。 无论如何,如果我们在关闭BODY标记之前放置$.ready() ,我们得到: http://jsbin.com/aqifon/16 看到不同? 通过手动触发domready,我们可以切断100-300 ms的执行延迟。 这是一个重要的交易,因为在我们看到它们之前,我们可以依赖jQuery来处理DOM操作。 现在,对于一个问题,我从未见过这个被推荐或讨论过,但它似乎仍然是一个主要的性能问题。 一切都是关于优化代码本身的,这当然是好的,但是如果执行被延迟了很长时间以至于用户看到“flash of”unjQueryedContent“,那就是徒劳。” 有没有想过为什么不经常讨论/推荐这个?

试图为jQuery AJAX请求添加延迟

我试图延迟一个AJAX请求,以便在输入单元的最后一个键盘后2-3秒发送它。 到目前为止,我已设法延迟请求,但在2-3秒后,我收到一个请求发送给该字段中的每个密钥… 如何让jQuery取消第一个并发送最后一个keyup? 这是迄今为止的代码: $(‘#lastname’).focus(function(){ $(‘.terms :input’).val(“”); //clears other search fields }).keyup(function(){ caps(this); //another function that capitalizes the field $type = $(this).attr(“id”); // just passing the type of desired search to the php file setTimeout(function(){ // setting the delay for each keypress ajaxSearchRequest($type); //runs the ajax request }, 1000); }); 上面的代码等待1秒,然后根据按键发送4-5个AJAX请求。 我只想在最后一个keyup后发送一个 我在StackOverflow中发现了一些使用Javascript的类似解决方案,但由于我对编程知之甚少,我无法将它们实现到我的项目中。 [已解决]最终工作代码,感谢@ Dr.Molle: […]

为什么我不能用jQuery延迟删除调用

我希望div为fadeOut然后被删除: $(‘#div’).delay(1000).fadeOut(300); $(‘#div’).delay(1300).remove(); 不幸的是,这只是直接删除div,没有延迟。 为什么我不能让删除操作被延迟? 有什么解决方案? 谢谢

使用jquery在x秒后淡出div

我在加载页面时不会显示淡入淡出的div: $(‘#overlay’).fadeIn(‘fast’); $(‘#box’).fadeIn(‘slow’); 我会在x秒后执行此指令,执行div的fadeOut: $(‘#overlay’).fadeOut(‘fast’); $(‘#box’).hide(); 我该怎么做? 实际上fadeOut是在点击按钮时完成的。 脚本在这里: http ://clouderize.it/cookie-localstorage/a.php单击另一个图像时出现的div将在x秒后消失。 非常感谢。

我可以延迟jQuery addClass吗?

有没有办法延迟jQuery的addClass() ? 例如这段代码 $(‘#sampleID’).delay(2000).fadeOut(500).delay(2000).addClass(‘aNewClass’); 当我加载页面时,它的id’sampleID’上已经有了’aNewClass’类。 如何解决这个问题呢? 我想要的是addClass将在它结束fadeOut()之后发生。

jquery每个添加类中间延迟

我需要遍历每个div .row来添加或删除具有CSS3 3D变换效果的翻转类。 当我使用jquery each()将每个“.row”应用此添加/删除类时,所有div都会在同一时间添加或删除类“.flip”。 我需要这个延迟,所以它看起来像多米诺骨牌效应。 知道如何让这个工作吗? 或者如何逐个添加/删除翻转类? 这是我发现但它不起作用: $(‘.row’).each(function(i){ if($(this).hasClass(‘flip’)){ $(this).delay(i*500).removeClass(‘flip’); }else{ $(this).delay(i*500).addClass(‘flip’); } });

试图用.then,.fail和.reject打破jQuery承诺链

更新:此问题是jQuery 1.7 vs 1.8的结果。 不要在1.7中使用promises,因为它们不能在.then内返回一个promise。 1.8看起来他们并没有弄乱它。 http://jsfiddle.net/delvarworld/28TDM/ // make a promise var deferred = $.Deferred(); promise = deferred.promise(); // return a promise, that after 1 second, is rejected promise.then(function(){ var t = $.Deferred(); setTimeout(function() { console.log(‘rejecting…’); t.reject(); }, 1000); return t.promise(); }); // if that promise is successful, do this promise.then(function() { console.log(‘i should never […]

我需要帮助弄清楚为什么我的翻转function只发射一次并且它们似乎解开了。 有任何想法吗?

我在这里使用3个插件翻转,延迟和fancybox。 我把它写成所以当你点击翻转事件时会触发,然后延迟,然后是延迟后的fancybox。 我无法弄清楚为什么翻盖只能工作一次,但是fancybox继续处理后续点击。 任何提示将不胜感激。 谢谢。 jQuery.noConflict(); // First Home Page Popout Box jQuery(document).ready(function() { jQuery(‘#card-processing-link’).live(‘click’, function() { jQuery(‘#card-processing-box’).flip({ ‘direction’ : ‘lr’, speed : ‘300’ }); }); //Fancybox popout event jQuery(‘.card-processing-link’).delayed(‘click’, 400, function(){ jQuery(this).trigger(‘click’).off().fancybox({ ‘onStart’ : function(){ jQuery(‘#card-processing-box’).hide(); jQuery(‘#card-processing-popout’).show(); }, ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘fadeOut’, ‘speedIn’ : 300, ‘speedOut’ : 500, ‘width’ : ‘420’, ‘height’ […]

jQuery .delay不会延迟

如何设置元素的html,等待2秒,然后将html设置为其他内容? 示例: $(“div”).html(“clicked”).delay(2000).html(“2 seconds have passed”); 会发生什么:div从蝙蝠那里“2秒钟过去”,而不是说“点击”2秒,然后显示“2秒已经过去”。 我需要做一些像.delay(2000, function() { $(“div”).html(“2 seconds have passed”); }) ? 这里的实例: http : //jsbin.com/UfaYusU/1/edit 谢谢!

如何调用jquery函数onload有一些延迟?

如何调用jquery函数onload有一些延迟? 我想在加载时调用这样的函数,但有一些延迟 $(“.sample”).live(‘click’,function(){ var id=$(this).attr(“id”);