Javascript 未捕获引用错误:未定义toggleSidebar

Javascript 未捕获引用错误:未定义toggleSidebar,javascript,html,css,Javascript,Html,Css,我得到这个“未捕获引用错误:未定义toggleSidebar” 在htmldevelment.onclick中,当我试图打开侧边栏时出现“错误”。 它在codepen中工作,但在我的网站上似乎不工作! 我的网站:Skintheft.com/suffessite 索引代码示例-- 最后但并非最不重要的是javascript function toggleSidebar(){ document.getElementById("sidebar").classList.toggle('activ

我得到这个“未捕获引用错误:未定义toggleSidebar” 在htmldevelment.onclick中,当我试图打开侧边栏时出现“错误”。 它在codepen中工作,但在我的网站上似乎不工作! 我的网站:Skintheft.com/suffessite

索引代码示例--

最后但并非最不重要的是javascript

function toggleSidebar(){
    document.getElementById("sidebar").classList.toggle('active');
}

我个人不知道如何解决这个问题,我将非常感谢任何帮助!谢谢:)

您提供的代码工作得非常好。我能在你的网站上看到的唯一问题是你提供的以下JS在网站中用引号括起来,请更改它,切换将正常工作

我说的是下面的代码

jsbefore:

"
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
"
<script>
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
</script>
JS之后:

"
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
"
<script>
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
</script>
*{
边际:0px;
填充:0px;
字体系列:无衬线;
}
#边栏{
位置:固定;
宽度:200px;
身高:100%;
背景#727e87;
左:-200px;
过渡:所有250ms线性;
}
#侧边栏{
左:0px;
}
#侧栏ulli{
颜色:rgba(230,230,230,0.9);
列表样式:无;
填充:15px 10px;
边框底部:1px实心rgba(1001001000.3);
}
#边栏。切换btn{
位置:绝对位置;
左:230像素;
顶部:20px;
}
#侧栏。切换btn范围{
显示:块;
宽度:30px;
高度:5px;
背景#727e87;
利润率:5px0px;
}

  • 接触
  • 关于

您提供的代码运行良好。我能在你的网站上看到的唯一问题是你提供的以下JS在网站中用引号括起来,请更改它,切换将正常工作

我说的是下面的代码

jsbefore:

"
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
"
<script>
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
</script>
JS之后:

"
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
"
<script>
function toggleSidebar() {
  document.getElementById("sidebar").classList.toggle('active');
}
</script>
*{
边际:0px;
填充:0px;
字体系列:无衬线;
}
#边栏{
位置:固定;
宽度:200px;
身高:100%;
背景#727e87;
左:-200px;
过渡:所有250ms线性;
}
#侧边栏{
左:0px;
}
#侧栏ulli{
颜色:rgba(230,230,230,0.9);
列表样式:无;
填充:15px 10px;
边框底部:1px实心rgba(1001001000.3);
}
#边栏。切换btn{
位置:绝对位置;
左:230像素;
顶部:20px;
}
#侧栏。切换btn范围{
显示:块;
宽度:30px;
高度:5px;
背景#727e87;
利润率:5px0px;
}

  • 接触
  • 关于

谢谢!我修好了汉克斯!但是现在唯一的事情是,代码片段显示在屏幕xd的底部,你知道我如何删除/隐藏它吗?谢谢!我修好了汉克斯!但是现在唯一的事情是代码片段显示在屏幕xd的底部,你知道我如何删除/隐藏它吗?