Question

我使用了这个HTML模板;

https://html5up.net/editorial

并对其进行了一些修改。我尝试设置左侧封闭的侧边栏菜单的默认值，以便在人们访问网站时隐藏它。

我改变了这段代码;

// Sidebar.
var $sidebar = $('#sidebar'),
$sidebar_inner = $sidebar.children('.inner');

  // Inactive by default on <= large.
  skel
  .on('+large', function() {
    $sidebar.addClass('inactive');
  })
  .on('-large !large', function() {
    $sidebar.removeClass('inactive');
  });

对此;

// Sidebar.
var $sidebar = $('#sidebar'),
$sidebar_inner = $sidebar.children('.inner');

  // Inactive by default on <= large.
  skel
  .on('-large !large', function() {
    $sidebar.addClass('inactive');
  })
  .on('+large', function() {
    $sidebar.addClass('inactive');
  });

在main.js文件中。

它按照我想要的方式工作，但仅限于本地;当我上传它时，它像以前一样工作。

我该怎么办？谢谢你的阅读。

Answer 1

试试这个：

skel
  .on('+large', function() {
    $sidebar.removeClass('inactive');
  })
  .on('-large !large', function() {
    $sidebar.addClass('inactive');
  });

Answer 2

现在比以往任何时候都更好。只需更改

breakpoints.on('<=large', function() {
    $sidebar.addClass('inactive');
});

        breakpoints.on('>large', function() {
    $sidebar.removeClass('inactive');
});

到

breakpoints.on('<=large', function() {
    $sidebar.removeClass('inactive');
});

breakpoints.on('>large', function() {
    $sidebar.addClass('inactive');
});

将网站边栏的默认值设置为已关闭

2 个答案: