[英]Jquery set interval not working in wordpress
span标签中的锚点应该每5秒更改一次,但是什么也没有发生。 我已经测试过jQuery在alert("test");
可以在WordPress中使用alert("test");
在我的js文件的顶部。
<div class="img_ad"><span><a class="active"><img src="http://www.test.co.uk/wp-content/uploads/2014/10/client3.png" /></a>
<a><img src="http://www.test.co.uk/wp-content/uploads/2014/10/client1.png" /></a>
<a><img src="http://www.test.co.uk/wp-content/uploads/2014/10/client2.png" /></a></span><span></span><span></span>
</div>
--
jQuery(document).ready(function($) {
function swapImages(){
var $active = $('.img_ad').find("span:first").find(".active");
var $next = ($('.img_ad').find("span:first").find('.active').next().length > 0) ? $('.img_ad').find("span:first").find('.active').next() : $('.img_ad').find("span:first").find('a:first');
$active.fadeOut(function(){
$active.removeClass('active');
$next.fadeIn().addClass('active');
});
}
// Run our swapImages() function every 5secs
setInterval('swapImages()', 5000);
});
该代码不起作用,我将alert("test");
在函数swapImages()中,但没有任何反应。 我认为setInterval无法正常工作。 我该如何解决?
只需直接传递函数:
setInterval(swapImages, 5000);
不推荐使用字符串。
您的代码不起作用,因为swapImages
不是全局函数。 将字符串传递给setInterval
例如 "swapImages()"
- 要求该函数是全局定义的 ( window.swapImages = function () { ... }
)。
(function () {
function foo() {
console.log(1);
}
setInterval("foo()", 100); // foo is not defined
})();
这就是为什么您必须传递实函数或将调用您的函数的匿名函数的原因 。
对于来自JSFiddle的链接,请打开“开发工具”窗口(按F12 )并进入控制台。
setInterval(function(){
swapImages()
},5000);
尝试这个
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.