在一個文件中有多個javascript函數

Question

我在一個文件中使用了一些引導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

<!--scrollbar: '.swiper-scrollbar',-->無效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代碼。