2012-07-11 96 views
1

使用JQuery wiggle插件:http://www.class.pm/files/jquery/jquery.wiggle/demo/ 我该如何做这样的事情?JQuery摆动延迟

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js" type="text/javascript"></script> 
<script src="http://static.manpoints.uk.to/js/wiggle.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".large_image").click(function() { 
    $(this).wiggle('start').delay(800).wiggle('stop'); 
    }); 
}); 

目前我得到回应 “遗漏的类型错误:对象#有没有方法 '延迟'”

回答

1

方法不与delay()可链接的,试试这个:

$(".large_image").click(function() { 
    $(this).wiggle('start'); 
}).delay(800).queue(function(){ 
    $(this).waggle('stop') 
}) 
+0

延迟不是一个Wiggle函数:(你接触了jQuery延迟 – OnResolve 2012-07-11 14:50:30

+0

@OnResolve他使用jQuery'delay()'函数 – undefined 2012-07-11 14:54:05

+0

虽然他不想要,但他想使用wiggle插件中的延迟_option_。在我的正确答案也反映了这一点。 – OnResolve 2012-07-11 15:19:04

0

从他们的文档(尽管有限),delay的功能。这是一个选项。我不能肯定地说,但我认为语法可能看起来像:

$(".large_image").click(function() { 
    $(this).wiggle('start',{delay:800}).wiggle('stop'); 
}); 
+0

+1为正确答案。更好地阅读文档Josh Luke Blease;) – 2012-07-11 14:47:28

+0

没问题!我在他们的网站上使用了Chrome的控制台进行了测试,并且它可以正常工作(尽管我没有在开始之后停止调用以确保它可以正常工作) – OnResolve 2012-07-11 14:49:40

+0

@OnResolve您的代码不起作用?! – 2012-07-11 15:21:34