window.setInterval（）调用的jQuery .toggle（）无法正常工作

Question

我正在尝试使用以下代码每5秒在两个徽标之间切换：

window.setInterval(
    function () {
        //breakpoint 1
        $("#logo").toggle(
            function() {
                //breakpoint 2
                $(this).attr('src', '/Images/logo1.png');
            },
            function() {
                //breakpoint 3
                $(this).attr('src', '/Images/logo2.png');
            }
        );
    },
    5000
);

我可以使用一个简单的切换器来工作，但是当我在window.setInterval（）中引入切换器时，切换器的两个处理程序将不会触发。

我在上面代码的注释正下方的行上设置了断点。 断点1每5秒命中一次。 但是，断点2和3从未命中。

为什么两个切换功能的处理程序都不触发？

Answer 1

据我所知，需要click toggle()

所以，

   $("#logo").toggle(
        function() {
            //breakpoint 2
            $(this).attr('src', '/Images/logo1.png');
        },
        function() {
            //breakpoint 3
            $(this).attr('src', '/Images/logo2.png');
        }
    );

window.setInterval(
    function () {        
        $("#logo").trigger('click');
    },
    5000
);

Answer 2

听起来jQuery找不到#logo元素。

HTML标记的外观如何？

您可以试试看jQuery是否找到#logo元素：

//Firebug way
console.log($('#logo').length)

//alert way
alert($('#logo').length)

..fredrik