Question

我在一个文件中使用了一些bootstrap javascript函数和一个swiper函数。问题是如果我把它放在代码的最后，swiper功能不起作用。如果我把它放在第一位它工作正常，但其他功能停止工作。如何正确分离它们以便正确加载每个函数。

/* SIDEBAR */           
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});


/* SIDEBAR COLLAPSE */  
$('.collapse').collapse()
$('.collapse-up').on('click',function(){
$('.collapse').collapse('hide');
});


/* ON/OFF BUTTON */ 
$("[name='checkbox']").bootstrapSwitch();

/* LOGIN MODAL*/  
$('#login').modal(options) ;


/* RATING SLIDER */
$('#rate').slider({
formatter: function(value) {
tooltip: 'always'
return   value + ' % ';
}
});


/* SWIPER */ 
    var swiper = new Swiper('.keyword-swiper', {
    slidesPerView: 2,
    scrollbarHide: true,
    grabCursor: true,
    paginationClickable: true,
    spaceBetween: 0,
    freeMode: true,
});

Answer 1

无效的JavaScript。您需要使用/* */评论样式：

var swiper = new Swiper('.keyword-swiper', {
/* scrollbar: '.swiper-scrollbar', */
slidesPerView: 2,

...

或//评论样式：

var swiper = new Swiper('.keyword-swiper', {
// scrollbar: '.swiper-scrollbar',
slidesPerView: 2,

...

JavaScript解释器尝试将（HTML注释）解释为JS代码。

一个文件中的多个javascript函数

1 个答案: