Подключение плагина JQ+JS в БЭМ ( хочу посмотреть пример?).

Есть простой плагин прокрутки на Jquerry. )) Сейчас вот так в конце index.html:

<script src="js/plugins-scroll.js"></script>
<script>
    $(document).ready(function() {
        try {
            $.browserSelector();
            if($("html").hasClass("chrome")) {
                $.smoothScroll();
            }
         } catch(err) {
        };
    });
</script>

Как Это подключается через БЭМ? P/S: Спасибо!

8 years ago

qfox

В ymodules вам нужно ЛИБО подключать глобальный jquery, либо, например, сделать так:

modules.define('jquery', function(provide, $) {
    $.vorui = 'ubivai';
    /* borschik:include:js/plugins-scroll.js */
    provide($);
});

8 years ago

rom111419

...$.vorui ? Этот скрол нельзя трогать?

8 years ago

rom111419

Создал папку jquery в папке desktop.blocks
В папке jquery создал папку __smothScroll ( элемент блока jquery )
В папке smothScroll создал файл jquerysmothScroll.js и там продекларировал плагин jQuery.

/* global modules:false */
    modules.define('jquery__smothScroll', ['jquery'], function(provide, $) {
    window.jQuery = $;
    /* borschik:include:../../libs/smothScroll/js/plugins-scroll.js */
    provide($);
});

После сам плагин c исходниками положил в папку libs под именем smothScroll
В index.bemjson.js вставил элемент и прописал shouldDeps

        {
           elem:'scrollbar',
            mods:{theme:'theme01'},
            shouldDeps: [{ block: 'jquery', elem: 'smothScroll' }],
        }

Создал тему для элемента scrollbar и в файле page__scrollbar_theme_theme01.js записал функцию

modules.require(['jquery__smothScroll'], function($) {
   $(document).ready(function() {
        //Chrome Smooth Scroll
        try {
            $.browserSelector();
            if($("html").hasClass("chrome")) {
                $.smoothScroll();
            }
        } catch(err) {
        };
   });
});

Ошибок консоль не дает, но эффекта прокрутки тоже нет, хотя сам плагин рабочий.

Что я делаю не так?

Спасибо!

8 years ago

rom111419

Может borschik не работает?

8 years ago

rom111419

Подскажите кому не сложно. Спасибо!

8 years ago

tadatuta

Проверить, работает ли borschik легко: достаточно проверить, что в сгенерированном JS-бандле (desktop.bundles/index/index.js?) комментарий /* borschik:include:../../libs/smothScroll/js/plugins-scroll.js */ заменился на содержимое файла плагина.

По прочитанному:

Депсы нужно писать в отдельных block-name.deps.js файлах, а не в bemjson.js
В page__scrollbar_theme_theme01.js в секции catch на время разработки стоит явно выводить ошибку в консоль, чтобы видеть, что происходит.

8 years ago

rom111419

Спасибо! Скрипт заработал, после того как вставил вместо /* borschik:include:../../libs/smothScroll/js/plugins-scroll.js */ код скрипта.

Видимо borshik не работает. Может кто уже задавал такой вопрос. Буду чинить.

8 years ago

tadatuta

если репозиторий проекта в общем доступе, могу попробовать помочь с настройкой borschik

8 years ago

rom111419

Ок. Спасибо.Я если не справлюсь, тогда закину проект в общий доступ.

8 years ago

rom111419