[WordPress] ホバー移動サービス カルーセル項目を停止します。

スポンサーリンク

Question

新しい JS Bie 親愛なるすべてどのサービスでカルーセル項目は水平方向に移動移動項目を作っているコードが、ワードプレス テーマのウェブサイト http://www.kreativestudio.ca がある:

(function (){
    jQuery(document).ready(function (){
        var el = jQuery(".serv_corusel a.bx-next");
        setInterval(function(){
            el.trigger('click');
        },4000);
    });
})();

は助けを必要、私は、v のほとんど知識を持って javascript の stoped を取得でその動きホバーは何を必要し、ときマウスを取得しますそれを再び移動を開始します

Tapos よろしく

答え

それを設定する前にあなたの間隔を格納する変数を定義する場合はオフにし必要に応じて再設定することができます

我々 は簡単に

.mouseleave()

イベント ハンドラーでそれを参照できるように、間隔は関数の内部での設定を保存しました。私はしたしイベントを発生させた、

.mouseleave()

機能を DOM のロード時に呼び出すように:

(function (){
    jQuery(document).ready(function (){
        var timer = undefined;
            el = jQuery(".serv_corusel a.bx-next"),
            startInt = function(){
                setInterval(function(){el.trigger('click');},4000);
            }

        jQuery('.carousel').mouseenter(function(){
            if(typeof timer !== 'undefined') clearInterval(timer);
        }).mouseleave(function(){
            startInt();
        }).mouseleave();
    });
})();

http://stackoverflow.com/questions/26994228/stop-moving-service-carousel-items-on-hover

スポンサーリンク

Leave a Reply