Tag: 延迟

提交 – jQuery延迟页面更改

头 $(document).ready(function() { $(‘#user_box’).animate({width: “263px”}, “slow”); $(‘#submit’).click(function(){ $(‘#user_box’).animate({width: “0px”}, “slow”); }); }); 内容 Username: 正如您所看到的，我在点击提交时已经完成了，user_box动画回到0pxs（向右滑动）。 问题是我需要将页面加载延迟大约1秒才能完成动画时间。 但只有在单击“提交”按钮时。 如何延迟页面以允许动画完成？ 我试过了.. $(‘#submit’).delay(3500, function(){ window.location = toLoad; }); 没有快乐。 任何帮助将不胜感激。 谢谢。 ps一般的想法是user_box向右滑动每个查询并向左返回结果。 它主要是PHP，因此页面加载它从右向左滑动。 我会稍后讨好一些东西，以便在登录时阻止它发生。

等待.each（）。getJSON请求在执行回调之前完成

我有一个jquery .each循环，它从json请求中检索具有特定类的页面上所有元素的远程数据。 一组元素是一组li标签，在使用远程信息更新li元素之后，我想使用另一个函数对其进行排序。 在.each循环之后传递sort函数不会对列表进行排序，因为项目尚未从json请求中完成加载。 排序工作如果我将sort函数作为getJSON请求的.complete回调传递，但我只希望排序为整个列表运行一次，而不是每个项目。 fetch_remote_data(function(){sort_list_by_name();}); function fetch_remote_data(f){ jQuery(‘.fetching’).each(function(){ var oj = this; var kind = this.getAttribute(‘data-kind’); var url = “http://something.com” jQuery.getJSON(url, function(json){ $(oj).text(json[kind]); $(oj).toggleClass(‘fetching’); }); }); if (typeof f == ‘function’) f(); }; 有什么建议？

延迟Div OnLoad

我有一个div，我想使用jQuery延迟onLoad一段时间。 这是我的代码不起作用： $(‘#PriceBox’).delay(8000).fadeIn(400);

使用fadeIn无法正确显示jQuery文本

我搜索了这个问题，但找不到对我有用的解决方案。 我正在尝试做四个复选框，从中只能选择三个。 当选择第四个复选框时，会有一条淡入淡出的消息，通知用户有关限制的信息。 这是文本中淡出的部分： $(‘#warning’).fadeIn(‘slow’,function() { $(this).stop().text(“(You can’t have more than 3 selected options)”); setTimeout(function() { $(“#warning”).fadeOut(300); }, 2500); }); 我不能延迟，所以我使用了setTimeout。 我无法理解为什么第一次单击第四个复选框时，该消息会立即显示uo。 我究竟做错了什么？ 还有一种方法可以延迟而不是setTimer吗？ 以下是整个代码的链接： http ： //jsfiddle.net/e5kns/

Jquery .delay（）。fadeOut取消/清除队列..有可能吗？ 怎么样？

我需要一些帮助..是否有可能取消链接延迟？ Mn.Base.TopBox.show = function(timedur){ $(‘#element’).fadeIn().delay(timedur).fadeOut(); } Mn.Base.TopBox.cancelFadeout = function(){ } 我读了关于排队并尝试了一些不同的方法，但我没有成功…… $(‘#element’).stop(); $(‘#element’).queue(‘fx’, []); 提前致谢， 佩德罗

如何使用jquery逐个显示和隐藏每个div

我想创建一个flash新闻标题。 但我不知道问题出在哪里！ 🙁 （因为我是网页设计初学者：D） 所以… 我想创建一个标题的一部分，显示（淡入）一个标题和隐藏（fadeOut）延迟… 之后显示下一个标题……（在一个没有停止的循环中）！ PLZ帮助我学习如何创建……：这些是我写的代码： This is news title 1 This is news title 2 This is news title 3 This is news title 4 This is news title 5 This is news title 6 This is news title 7 $(document).ready(function() { $(‘.news’).each(function(index) { $(this).fadeIn(‘slow’).delay(700).fadeOut(‘slow’); }); });

jQuery延迟函数中断

我在jQuery中有一个淡入淡出的弹出窗口，如果没有被用户解雇，它将在10秒内淡出。 我有代码： $modalElement.fadeIn(1000).delay(10000).fadeOut(1000); 这适用于淡入，延迟和淡出 – 但是表单上的’close’按钮在超时后才起作用！ 我需要’close’按钮来中断delay ，这样用户就可以读取弹出并自己关闭，比如5秒钟 – 然后如果他们自己没有关闭它，那么它会在10秒后自动关闭延迟。 任何想法如何做到这一点？

jQuery .fadeIn（）和.fadeOut（）在将代码重写为递归回调后，回调工作不按预期工作

重写的代码应显示任意数量的图片，旧代码是静态的。 但是新代码的作用是立即显示arrays的最后一个图像以及所有图像的完全延迟，因此30秒。 我的旧代码看起来像这样，并且与jquery回调一起运行良好。 http://pastebin.com/XH2aRqBh 重写的代码： //Class Trial Trial = (function() { function Trial(imageArray) { this.images = imageArray; } Trial.prototype.startTrial = function() { $(“#noise”).hide(0, this.showImages(this.images)); }; Trial.prototype.showImages = function(imageArray) { imageToShow = imageArray.pop(); if(imageToShow === undefined){ $(“#noise”).show(0); console.log(“show noise”); return; } console.log(“pop image : “, imageToShow.image.src, ” delay : “, imageToShow.delay); $(“#img”).show(); $(“#img”).attr(“src”, imageToShow.image.src); $(“#img”).fadeIn(0).delay(imageToShow.delay).fadeOut(0, this.showImages(imageArray)); […]

在使用jquery发送新的ajax请求之前添加延迟

我有一个指向html页面的链接列表。 Item 1 Item 2 Item 3 Item 4 我有一个javascript（jquery），并将html附加到我的文档中。 var request; $(‘#item-list a’).live(‘mouseover’, function(event) { if (request) request.abort(); request = null; request = $.ajax({ url: $(this).attr(‘href’), type: ‘POST’, success: function(data) { $(‘body’).append(”+ data +”) } }); }); 我曾尝试使用setTimeout（）但它不能像我所预期的那样工作。 var request, timeout; $(‘#item-list a’).live(‘mouseover’, function(event) { timeout = setTimeout(function(){ if (request) request.abort(); request = null; […]

滚动时jquery动画延迟

我目前正在努力与jquery动画。 它只是一个小动画来改变滚动的高度和不透明度。 问题是，当我滚动时，动画不会流畅地运行。 当我滚动得很慢时，动画没有及时完成。 就像它停止直到我停止滚动。 jQuery的： $(window).scroll(function(){ if ($(window).scrollTop() > 0){ //$(‘#navigation’).addClass(‘scroll’); $(‘#navigation’).stop().animate({height: ’92px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘.85’}); } else { //$(‘#navigation’).removeClass(‘scroll’); $(‘#navigation’).stop().animate({height: ‘142px’}); $(‘#navigation .bg’).stop().animate({opacity : ‘0’}); } }); CSS： #navigation { width: 1350px; position: fixed; z-index: 2000; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), […]