Sliiide.js不工作

Question

我正在嘗試使用sliiide.js插件創建滑動側面板來處理我的網站移動版本的導航。 （鏈接：https://github.com/ahmedrad/sliiide），但我似乎無法得到它的工作。

這裏是我的代碼：

//Div button to toggle slide on 
<div id="sliiider-toggle"> 
    <p>Click Here</p> 
</div> 

//Nav div 
<div class="left-menu" id="left-menu" style="visibility: hidden;"> 
    <ul> 
     <li>Menu Item</li> 
     <li>Menu Item</li> 
     <li>Menu Item</li> 
    </ul> 
    <span class="slider-exit">×</span> 
</div> 

//Javascript 
<script src="js/sliiide.js"></script> 
<script type="text/javascript"> 
    var settings = { 
     toggle: "#sliiider-toggle", 
     exit_selector: ".slider-exit", 
     animation_duration: "0.5s", 
     place: "left", 
     animation_curve: "cubic-bezier(0.54, 0.01, 0.57, 1.03)", 
     body_slide: true, 
     no_scroll: true, 
    }; 

    $(‘#left-menu’).sliiide(settings); //initialize sliiide 
</script> 

如果任何人有什麼我失蹤，甚至更好的插件使用，如何實現它的任何意見，那將是非常有益的。謝謝！

Answer 1

正如@ gilly3所提到的那樣，它不是很具體。

你是否在你的最後一行使用了引號而不是撇號？

您的代碼：

$(‘#left-menu’).sliiide(settings); 

正確編寫的代碼

$("#left-menu").sliiide(settings);或$('#left-menu').sliiide(settings);

編輯：

no_scroll: true, 
    }; 

應該

no_scroll: true 
    }; 

您不需要逗號，因爲它是最後一個設置。