如何在多个场景中调用预定义函数？

Question

我对jquery完全不熟悉，这是切换到侧栏的collaspe的代码。

//define script for sidebar toggling
   function togglesidebar() {
         $('#sidebar').toggleClass('column-collapse');


   }

$(document).ready(function(){
$(function() {
$('[data-toggle=offcanvas]').click(togglesidebar);


});

它运作得很好。但是，当我添加以下代码时，如果屏幕尺寸为＆lt; 768，它停止工作。

//define script for sidebar toggling
   function togglesidebar() {
         $('#sidebar').toggleClass('column-collapse');


   }

$(document).ready(function(){
$(function() {
$('[data-toggle=offcanvas]').click(togglesidebar);


});
$(window).resize(function(){
windowsize = $(window).width();
if(windowsize < 768) {
      $('[data-toggle=offcanvas]').click(togglesidebar);
  });

 });

我想知道问题出在哪里，如果有人可以帮助我，我将不胜感激。

编辑：

这是网站： http://wileyphp.no-ip.biz/tagees/testing.html#

当它是windowsize＆lt; 768px

时，我想要折叠边栏

和

在侧边栏中有一个用于切换折叠/展开的按钮。我希望它能在所有屏幕尺寸下工作。

Answer 1

您在if条件结束时缺少＆＃39;}＆＃39; 。

$(document).ready(function(){
        $('[data-toggle=offcanvas]').click(togglesidebar);
        $(window).resize(function(){
        windowsize = $(window).width();
        if(windowsize < 768) {
              $('[data-toggle=offcanvas]').click(togglesidebar);
        }  /**/ '}' missing here**
        });
});