2016-10-19 12 views
0

私の.one("click", function()は正常に動作しません。前にそれがうまく働いていたのですが、今日は何も変更または問題なく動作していない、コンソールログにはエラーはありません。.one( "click"、function()は問題なしで動作しません。

$(document).ready(function() { 
    //Fast one Working 
    $(".recent-post-title-block span, .more-recent-button").one("click", function() { //Working 
    $("#Blog1").addClass("loading"), 
     $(".date-outer").addClass("more-date-outer").fadeTo("500", 0), 

    }), 
    //Second one Not Working 
    $(".sly-scroll-title3 .title-padding, .more-bottom-label-post").one("click", function() { //Not Working 
    $(".list-label-widget-content").addClass("loading"), 
     $(".bottom-label-post-main li").addClass("show-more-post").fadeTo("500", 0), 

    }); 

}); 

してくださいどんな提案?

+0

htmlとcssを追加できますか? –

+0

正確には、htmlとcssを追加してください。私の推測では、バインドに使用するクラスが1つ以上変更されたり、クラスの順序が変更されたりすることがあります。 – Robert

+3

問題は ';'の代わりに '、'を使ってすべての行を終了させることです。 – Santi

答えて

-1

あなたはの終わりにセミコロンにカンマを変更する必要があります線のように:

$(document).ready(function() { 
    //Fast one 
    $(".recent-post-title-block span, .more-recent-button").one("click", function() { 
     $("#Blog1").addClass("loading"); 
     $(".date-outer").addClass("more-date-outer").fadeTo("500", 0); 
    }); 

    //Second one 
    $(".sly-scroll-title3 .title-padding, .more-bottom-label-post").one("click", function() { 
     $(".list-label-widget-content").addClass("loading"); 
     $(".bottom-label-post-main li").addClass("show-more-post").fadeTo("500", 0); 
    }); 
}); 

これらのイベントが複数回発生する必要がある場合(つまり、後でこれらの要素を再度クリックした場合).one.onに変更します。

+1

'.one'は完全に正当なJQuery関数です。バインドされたイベントは、処理する前に一度だけ起動します。 – Santi

+0

"要素のイベントにハンドラをアタッチします。ハンドラは、イベントごとに要素ごとに最大で1回実行されます。 – Tom

+0

私はただ一回だけではなく毎回これらのイベントを発生させることが望ましいと考えました。それ以外の場合は、カンマをセミコロンに置き換える必要があります。 –

関連する問題