Javascript sliide.js不工作
我正在尝试创建一个滑动侧面板,以便使用sliide.js插件为我的网站的移动版本导航。(链接:)但我似乎无法让它工作 这是我的密码:Javascript sliide.js不工作,javascript,jquery,Javascript,Jquery,我正在尝试创建一个滑动侧面板,以便使用sliide.js插件为我的网站的移动版本导航。(链接:)但我似乎无法让它工作 这是我的密码: //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
//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>
//切换幻灯片的Div按钮
点击这里
//导航部
- 菜单项
- 菜单项
- 菜单项
×
//Javascript
变量设置={
切换:“滑动条切换”,
退出选择器:“.滑块退出”,
动画持续时间:“0.5s”,
地点:“左”,
动画曲线:“立方贝塞尔(0.54,0.01,0.57,1.03)”,
body_幻灯片:没错,
否:正确,
};
$(“#左菜单”).sliide(设置)//初始化滑动条
如果有人对我缺少的东西有什么建议,或者有更好的插件可以使用,以及如何实现它,那将是非常有帮助的。谢谢 正如@gilly3所提到的,它不是很具体 你试过在最后一行用引号代替撇号吗 您的代码:
$(‘#left-menu’).sliiide(settings);
正确的书面代码
$(“#左菜单”).sliide(设置)代码>或$('#左菜单')。滑动(设置)代码>
编辑:
应该是
no_scroll: true
};
您不需要逗号,因为它是最后一个设置。“我似乎无法让它工作”不是很具体。这是什么意思?您的控制台中是否有错误消息?使用引号而不是撇号修复了此问题!谢谢,我永远也抓不到这个哈哈
no_scroll: true
};