Как интегрировать Swiper и Laravel, используя Laravel Mix - PullRequest
Новая
       56

Как интегрировать Swiper и Laravel, используя Laravel Mix

0 голосов
/ 14 апреля 2020

Я не знаю, разрешено это или нет, но у меня есть вопрос из двух частей. Как интегрировать swiper. js и swiper.min. css с Laravel? Я использую Laravel Mix для компиляции JS и файлов SASS. Мой второй вопрос: как я могу вызвать функцию события onClick в Laravel? Я использую Laravel 7.3.1.

app. js

var swiper = new Swiper('.swiper-container', {
    effect: 'coverflow',
    grabCursor: 'true',
    centeredSlides: 'true',
    slidesPerView: 'auto',
    coverflowEffect: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows: true,
    },
    pagination: {
        el: '.swiper-pagination',
    },
});

Blade 

{{ asset('public/js/app.js') }}
{{ asset('public/css/swiper.min.css' )}}

Для второй части вопроса - я хочу вызвать следующую функцию в моем Blade / представлении. 

function close() {
    document.getElementByClassName("media-icons").style.width = "0";
    document.getElementByID("hide-icon-panel").style.display = "none";
    document.getElementByID("show-icon-panel").style.display = "inline-block";
}

Включила функцию в моем Blade следующим образом: 

<button id="hide-icons" onclick="w3_close();"><i class="left"></i>. 
</button>

Я пробовал все вышеперечисленное, и, похоже, ничего не работает. Пожалуйста, помогите, ваша помощь будет очень полезна.

...