3

ページに要素があります：

<a class="element" onclick="do this"></a>
<a class="element" onclick="do this"></a>
<a class="element" onclick="do this"></a>
<a class="element" onclick="do this"></a>

それぞれのクリックをトリガーし、トリガーされたクリックの間に時間を遅らせる必要があります。

//for each one .element
$('.element').delay(800).trigger('click');

それから私はこのサイクルを無限のサイクルとして繰り返す必要があります、しかし私はする必要がありますstop it when user click on a .element

$ .each（ループトリガー）;のような多くのことを試しました。しかし、私はすべてを無限に循環させ、悲しいときにそれを止める方法を理解できません:(

4

2 に答える 2

0

もっとエレガントな解決策が存在するかもしれませんが、ここに私の2セントがあります：

​$(function(){
    $("a").on("click", function(e, d){
        $(this).addClass("active").siblings().removeClass("active");
        if(d !== true) {
            clearInterval(timer);
        }
    });

    $("a:first").addClass("active");
    var timer = setInterval(doClick, 800);

    function doClick() {
        var $n = $(".active").next();
        if ($n.length == 0) {
            $n = $(".active").siblings().first();
        }
        console.log($n.length);
        $n.trigger("click", [true]);
    }
});
​

jsフィドル

于 2012-10-15T16:54:50.253 に答える
0

私の解決策：

$(function(){
    var links = $('.element');

    var timer = setInterval(function(){
        links.each(function(index, value){
            var link = $(this);
            setTimeout(function(){
                link.trigger('click', "trigger");
            }, 100 + index * 50);
        });
    }, 800);

    links.click(function(e, isTrigger){
        e.preventDefault();
        if(!isTrigger)
        {
            clearInterval(timer);
        }
    });
});

デモ: http://jsfiddle.net/c2G6q/1/

于 2012-10-15T16:57:28.250 に答える