0

Как повесить обработчик $('document').on('ready', handler) вместо $('#foot-carousel').on('click', handler);?

JS:

$('#foot-carousel').on('click', '.remove-item', function() { 
    if ($(".fixed-bottom .cart_list li").hasClass("empty")) {
        $(".fixed-bottom").hide();
    } else {
        $('#foot-carousel').data('owlCarousel').removeItem($(this));
        $(".fixed-bottom").show();
    };
});
8
  • Предпологаю, что Вам нужно чтобы текущая анонимная фунция выполнялась по событю ready(как только загрузится страница)?
    – koks_rs
    Commented 25 июн. 2015 в 11:42
  • @Regent имеется ввиду, чтобы обработчик срабатывал не по клику, а по готовности дом дерева ready
    – Вася
    Commented 25 июн. 2015 в 11:43
  • @koks_rs да, вы правы
    – Вася
    Commented 25 июн. 2015 в 11:44
  • 2
    Всё так же: $(document).ready(function() { if ( ... });
    – Regent
    Commented 25 июн. 2015 в 11:47
  • 1
    @Вася, значит элемент <li> при загрузке не имеет класса empty. Либо вообще не существует.
    – koks_rs
    Commented 25 июн. 2015 в 12:00

2 ответа 2

1

Вариант 1:

//Данная функция выполняется, когда объектная модель готова к использованию
$(document).ready(function () {
            if ($(".fixed-bottom .cart_list li").length == 0 || $(".fixed-bottom .cart_list li").hasClass("empty")) {
                $(".fixed-bottom").hide();
            }
            else {
                $(".fixed-bottom").show();
            }
 });

Вариант 2:

 //Более опытные программисты предпочли бы скорее написать немного подругому. Покороче.
 $(function () {
            if ($(".fixed-bottom .cart_list li").length == 0 || $(".fixed-bottom .cart_list li").hasClass("empty")) {
                $(".fixed-bottom").hide();
            }
            else {
                $(".fixed-bottom").show();
            }
 });
30
  • 1
    Я, конечно, понимаю, что заданный вопрос автора несколько странен сам по себе, но всё же есть проблема: $(this) здесь смотрится не к месту. Я не сразу заметил это в исходном коде. В исходном коде this был .remove-item, а тут - window.
    – Regent
    Commented 25 июн. 2015 в 11:52
  • @Regent, я просто бездумно скопировал код задающего вопрос. В любом случае, удалять что-то сразу при загрузке, то что удалилось бы по клику было бы странно.
    – koks_rs
    Commented 25 июн. 2015 в 12:05
  • @koks_rs я правильно понимаю, что $(function () {..} нужно помещать внутрь блока $(document).ready(function($) {..} иначе условие не выполняется и переходит сразу к else ?
    – Вася
    Commented 25 июн. 2015 в 12:15
  • @Regent теперь я просто выполняю это условие: $(function () { if ($(".fixed-bottom .cart_list li").hasClass("empty")) { $(".fixed-bottom").hide(); } else { $(".fixed-bottom").show().fadeTo( "slow"); }; });
    – Вася
    Commented 25 июн. 2015 в 12:17
  • 1
    @koks_rs Видишь суслика? — Нет. — И я не вижу. А он есть!
    – Regent
    Commented 25 июн. 2015 в 12:41
0

Не вникая в подробности кода, может, просто по загрузке вызывать событие клика?

$(document).on("ready", function(){
    $( "#foot-carousel" ).trigger( "click" );
});

Фиддл поиграть.

9
  • А что будет, по идее, в обработчике клика на месте $(this) window или undefined?
    – koks_rs
    Commented 25 июн. 2015 в 12:17
  • 2
    @koks_rs в обработчике $("#foot-carousel").on("click", function() { ... }); this указывает на #foot-carousel, в том числе и при генерации события через $( "#foot-carousel" ).trigger("click");
    – Regent
    Commented 25 июн. 2015 в 12:31
  • @Sergiks стоп, так ничего же не работает?
    – Вася
    Commented 25 июн. 2015 в 12:47
  • @Вася пуск. в свежем FireFox работает: кнопка сразу становится «Можно уже не нажимать» – т.к. сработал ненастоящий клик по событию document'а.
    – Sergiks
    Commented 25 июн. 2015 в 12:49
  • @Sergiks да, становится - а почему не настоящий?
    – Вася
    Commented 25 июн. 2015 в 13:02

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.