larakit/sf-larakit-js

[Larakit] [staticfiles] larakit.js - основной модуль, навешивающий функционал на элементы по селектору

Installs: 941

Dependents: 5

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 0

Open Issues: 0

Language:JavaScript

dev-master 2016-05-17 07:40 UTC

This package is not auto-updated.

Last update: 2024-06-17 04:49:36 UTC


README

#sf-larakit-js

Навешиваем обработчик событие клика на все элементы с селектором ".js-click-alert"

LarakitJs.initSelector('.js-click-alert', function () {
    $(this).on('click', function () {
        alert('Нажата кнопка!');
    });
});

И теперь система будет сама отслеживать появление в DOM элементов с таким селектором (как при первоначальной загружке, так и при обновлении дерева при помощи AJAX-запросов).

Фактически это работает таким образом:

  1. есть кастомное событие "larakit.js", которое вызывается при $(document).ready() и завершении AJAX-запроса.

  2. делается запрос для всех зарегистрированных через LarakitJs.initSelector() селекторов наличие класса с префиксом "js-init-...", т.е. для приведенного примера будет проверяться наличие класса "js-init-click-alert" и, если он не будет обнаружен, то сперва навешивается обработчик события, а затем класс "js-init-...", символизирующий флаг навешенности обработчика