Bootstrap 默认关闭边栏

hk8txs48  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(2)|浏览(148)

我使用的是Bootstrap模板,到目前为止一切都很好,或者我想把“关闭”设为默认边栏。我尝试了网上的一些技巧,但没有改变。我的当务之急是如何在加载页面时隐藏边栏?下面是我尝试修改的代码:
/*!

!function(t){
  "use strict";
   $("#sidebarToggle, #sidebarToggleTop").on("click",function(o){
    $("body").toggleClass("sidebar-toggled"),$(".sidebar").toggleClass("toggled"),$(".sidebar").hasClass("toggled")&&
    t(".sidebar .collapse").collapse("hide")}),t(window).resize(function(){t(window).width()<768&&t(".sidebar .collapse").collapse("hide")
    }),
t("body.fixed-nav .sidebar").on("mousewheel DOMMouseScroll wheel",function(o){if(768<t(window).width()){
    var e=o.originalEvent,l=e.wheelDelta||-e.detail;this.scrollTop+=30*(l<0?1:-1),o.preventDefault()
    }
    }),t(document).on("scroll",function(){
        100<t(this).scrollTop()?t(".scroll-to-top").fadeIn():t(".scroll-to-top").fadeOut()
        }
        ),t(document).on("click","a.scroll-to-top",function(o){
            var e=t(this);t("html, body").stop().animate({scrollTop:t(e.attr("href")).offset().top},1e3,"easeInOutExpo"),o.preventDefault()
}
)}(jQuery);

我有一个Bootstrap模板,它包含一个侧边栏。侧边栏默认是打开的,但我希望它默认是关闭的,所以当用户加载网站时,他必须在打开侧边栏之前单击按钮。
第一次

fykwrbwg

fykwrbwg1#

你可以直接用Javascript来控制你的侧边栏。我也遇到了jQuery的问题。

// Sidebar Controlling Javascript Code
// #CategorySidebarID is the id of sidebar

document.getElementById("CategorySidebarID").style.display = "none";

// Call this function from which button it will be open.
function sidebar_open() {
  document.getElementById("CategorySidebarID").style.display = "block";
}

// Same as open, close button.
function sidebar_close() {
  document.getElementById("CategorySidebarID").style.display = "none";
}
gg58donl

gg58donl2#

我知道这有点晚了,但由于答案似乎不在这里,我想我会加上它。
将类“sidebar-toggled”添加到,< body />并将类“toggled”添加到< ul id="accordianSidebar" />

<body id="page-top" class="sidebar-toggled">
<ul class="navbar-nav bg-gradient-dark sidebar sidebar-dark accordion toggled" id="accordionSidebar">

这将启动侧边栏作为收缩,但保持切换功能的要求。

相关问题