Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript sliide.js不工作_Javascript_Jquery - Fatal编程技术网

Javascript 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

我正在尝试创建一个滑动侧面板,以便使用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: 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
    };