javascript - 如何让我的功能在点击时执行

Question

我有一个简单的函数来循环思考一堆 Divs 淡入淡出。它工作正常，但我试图使该函数在单击 DIV 时也执行。

我想如果我做类似的事情

$('.content').click(InfiniteRotator());

或

$('.content').click(function(){
InfiniteRotator();
});

但如果没有运气和建议，我们将不胜感激

$(window).load(function() {

    function InfiniteRotator() {

        //initial fade-in time (in milliseconds)
        var initialFadeIn = 1000;

        //interval between items (in milliseconds)
        var itemInterval = 5000;

        //cross-fade time (in milliseconds)
        var fadeTime = 1000;

        //count number of items
        var numberOfItems = $('.quote').length;

        //set current item
        var currentItem = 0;

        //show first item
        $('.quote').eq(currentItem).fadeIn(initialFadeIn);

        //loop through the items
        var infiniteLoop = setInterval(function(){
         $('.quote').eq(currentItem).fadeOut(fadeTime);

            if(currentItem == numberOfItems -1){
                 currentItem = 0;
            } else{
                 currentItem++;
            }

            $('.quote').eq(currentItem).fadeIn(fadeTime);

        }, itemInterval);
    }

    InfiniteRotator();


    $('.content').click(InfiniteRotator());


});

Answer 1

只需传递该函数的引用，

$('.content').click(InfiniteRotator);

顺便说一下，正如其他人提到的，您的以下代码没有问题，

$('.content').click(function(){
   InfiniteRotator();
});