Tag: 延迟
使用JQuery淡化字符串字符？
这是我的代码。 由于某种原因，整个String一次淡入而不是每个单独的字符。 我的console.log显示正在逐个执行的字符。 为什么整个字符串一次淡入？ for循环中的语句不应该为每个字符执行吗？ $(function() { string = ” David”; for(i = 0; i < string.length; i++) { $('#fadeIn').append(string[i]).delay(1000).hide().fadeIn(1000); console.log(string[i]); } });
jQuery / Javascript框架效率
我的最新项目是使用javascript框架（jQuery），以及一些插件（validation，jquery-ui，datepicker，facebox，…）来帮助创建一个现代的Web应用程序。 我现在发现页面加载比我习惯的慢。 经过一些js剖析（感谢VS2010！），似乎很多时候都在框架内进行处理。 现在我了解ui工具越复杂，就需要处理的处理越多。 该项目尚未进入大型阶段，我认为这是平均function。 在这个阶段，我可以看到它不会很好地扩展。 我注意到jQuery中的’each’命令之类的事情需要相当多的处理时间。 让其他人使用JS框架经历一些额外的延迟？ 如何最小化它们对页面性能的影响？ 是否有使用JS框架实现的最佳实践？ 谢谢
如何让这个jQuery比我的更快？
目前，我将此脚本用于一种“tab”系统。 单击一个选项卡时，它会隐藏所有其他选项卡。 他们都是div。 但是现在，我认为在选定的div加载之前它的消失速度不够快。 它最终会被选中并正在显示的div下方移动。 我不想要切换，因为正如你所看到的，我有5个标签，我想在它们被点击时打开它们各自的“_s”div。 淡出，淡出。 任何使淡出效果在淡入之前发生的方法，或者可能会延迟？ 我不知道如何在此脚本中添加延迟，或检查以确保div在新div淡入之前完全淡化。 我很感激任何帮助。 谢谢！ $(“#teach_one”).click(function() { $(“#teach_one_s”).fadeIn(“slow”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_two”).click(function () { $(“#teach_two_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_three”).click(function () { $(“#teach_three_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_four”).click(function () { $(“#teach_four_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_five”).click(function () { $(“#teach_five_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); }); […]
jQuery：slideUp（）delay（）然后slideDown; 不工作
我正在尝试实现一个非常简单的页脚通知元素，以便向上滑动片刻，然后向下滑动。 我正在使用： $(‘button’).click( function () { $(‘#message-box’).slideUp(‘slow’).delay(1500).slideDown(‘slow’); }); 但是，当您单击该按钮时，它会延迟1500毫秒然后向上滑动并且永远不会向下滑动。 http://jsfiddle.net/jrMH3/17/
延迟链接点击
这是我正在使用的小提琴： http ： //jsfiddle.net/Scd9b/ 点击后如何延迟hreffunction？ 例如，用户单击链接，消息向下滑动一会儿……在2秒后，用户继续到其链接的页面。 对不起，每个人都忘了提到有些锚没有链接。
如果ajax少于X秒，如何延迟显示进度？
我在页面上有几个AJAX调用。 有些完成，其他人需要一些时间 – 所有这些都取决于点击的内容。 我想添加一个“加载器”，它将在XAX之后显示，同时AJAX正在处理结果。 我有一台装载机工作： $(document).ajaxStart(function() { $(“#loader”).css(“display”,”block”); }).ajaxSuccess(function() { $(“#loader”).css(“display”,”none”); }); 这个function。 然而，当AJAX请求很快时，它会在屏幕上闪烁 ……就像眨眼间一样。 除了发生的“眨眼”之外，它的效果很好。 因此，我试图将加载程序css更改延迟几秒钟，以便快速结果不会导致“闪烁”。 我试图使用setTimeout和jQuery队列来延迟事情…… a la： $(document).ajaxStart(function() { $(“#loader”).queue(function(){ $(this).delay(5000); $(this).css(“display”,”block”); $(this).dequeue(); }); }).ajaxSuccess(function() { $(“#loader”).css(“display”,”none”); }); 要么： $(document).ajaxStart(function() { setTimeout(function() { $(“#loader”).css(“display”,”block”); }, 5000); }).ajaxSuccess(function() { $(“#loader”).css(“display”,”none”); }); （ 延迟jquery css的变化 ） 要么： $(document).ajaxStart(function() { $(“#loader”).delay(5000).css(“display”,”block”) }).ajaxSuccess(function() { $(“#loader”).css(“display”,”none”); […]
JQuery – $ .when Deferred对象数组的语法
这是我第一次使用$.when而且我的语法有问题。 我的代码类似于下面的简化示例。 它工作（如果我简化时没有引起错误）。 我的问题是我不知道customerIds数组将包含的许多元素。 var customerIds = new [1, 2, 3]; $.when( getCustomerData(customerIds[0]), getCustomerData(customerIds[1]), getCustomerData(customerIds[2]) ).then(function() { alert(‘success’); }).fail(function() { alert(‘error’); }); function getCustomerData(int id) { return new $.Deferred(function(defer) { doSomeWork(id, defer); }).promise(); } 我想编写$.when语句如下，但很难获得正确的语法。 $.when( getCustomerDataCalls(customerIds), ).then(function() { alert(‘success’); }).fail(function() { alert(‘error’); }); 其中getCustomerDataCalls实现为： function getCustomerDataCalls(customerIds) { var dfds = []; for (var id […]
如何限制ajax请求
我正在使用以下代码（由另一个用户编写）来限制livesearch函数中的ajax请求： JSFiddle如果您更喜欢演示： http ： //jsfiddle.net/4xLVp/ 但是，这似乎有点儿麻烦。 使用Ctrl+shift+back-arrow清除值，然后再次键入会导致一系列请求。 空值也会导致请求。 它看起来似乎不对，特别是与jQuery UI自动完成相比，其中请求延迟似乎更加严格。 $(‘##tag-search’).keyup(function() { var elem = $(this); if (elem.val().length >= 2) { elem.data(‘search’,search).clearQueue().stop().delay(1000).queue(function() { $.ajax({ // ajax stuff ‘success’: function(data){ /*show result*/ } }); if (elem.data(‘search’) != string) return; }); } else if (string.length <= 1) { /*show original content*/ } }); 有没有更好的方法来处理这个？
delay（）和fadeOut（）不会延迟队列中的attr（）
这段代码有什么问题？ 我试图得到这样的效果： fadeOut(500)和attr(‘class’,’myClass’)延迟600毫秒..然后再次delay(600) ，并且fadeIn(500) 。 延迟发生正确，但attr()没有被延迟，当#myDiv仍然褪色时它会触发！ ：’（ $(‘#myDiv’).fadeOut(500) .delay(600) .attr(‘class’,’myClass’) .delay(600) .fadeIn(500);
如何在jQuery.each函数的每个循环之间进行延迟？
我有这样的代码： $(‘li’).each(function(){ var data = $(this).text(); requestFunction(data, function(status){ if ( status == ‘OK’ ) do stuff… }); }); 所以，我需要在使用函数“requestFunction（）”之间做一些延迟。 我怎么能这样做？ 希望它可以理解，谢谢。
