0

我不知道这是否被允许，但我有一个两部分的问题。如何将 swiper.js 和 swiper.min.css 与 Laravel 集成？我正在使用 Laravel Mix 编译 JS 和 SASS 文件。我的第二个问题是，如何在 Laravel 中调用“onClick”事件函数？我正在使用 Laravel 7.3.1。

应用程序.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',
    },
});

刀

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

对于问题的第二部分——我想在我的 Blade/view 中调用以下函数。

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>

我尝试了以上所有方法，但似乎没有任何效果。请帮助，您的帮助将非常有帮助。

4

1 回答 1

0 
import Swiper from './swiper.min.js'
const swiper = new Swiper(...)
于 2020-12-25T15:04:14.643 回答