Как изменить правильно .click на .on? [дубликат]

442

27 января 2017, 08:06

На данный вопрос уже ответили:

Зачем использовать метод on() при назначении событий в джейквери? 2 ответа

Такой вопрос, нужно изменить .click на .on, но если это сделать код теряет свою свойственность, подскажите как это сделать правильно на примере?

$(document).on("scroll", onScroll);
$("a[href^=#]").click(function(e){
    e.preventDefault();
    $(document).off("scroll");
    $(menu_selector + " a.active").removeClass("active");
    $(this).addClass("active");
    var hash = $(this).attr("href");
    var target = $(hash);
    $("html, body").animate({
        scrollTop: target.offset().top
    }, 900, function(){
        $(document).on("scroll", onScroll);
    });
});

Answer 1

Можно вот так:

$(document).on("scroll", onScroll);
$(document).on('click', 'a[href^=#]', function(e){
    e.preventDefault();
    $(document).off("scroll");
    $(menu_selector + " a.active").removeClass("active");
    $(this).addClass("active");
    var hash = $(this).attr("href");
    var target = $(hash);
    $("html, body").animate({
        scrollTop: target.offset().top
    }, 900, function(){
        $(document).on("scroll", onScroll);
    });
});