我使用的是Bootstrap模板,到目前为止一切都很好,或者我想把“关闭”设为默认边栏。我尝试了网上的一些技巧,但没有改变。我的当务之急是如何在加载页面时隐藏边栏?下面是我尝试修改的代码:
/*!
- 启动 Bootstrap -小型企业管理2 v4.0.7(https://startbootstrap.com/template-overviews/sb-admin-2)
- 版权所有2013-2019开始 Bootstrap
- 根据MIT许可(https://github.com/BlackrockDigital/startbootstrap-sb-admin-2/blob/master/LICENSE)*/
!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模板,它包含一个侧边栏。侧边栏默认是打开的,但我希望它默认是关闭的,所以当用户加载网站时,他必须在打开侧边栏之前单击按钮。
第一次
2条答案
按热度按时间fykwrbwg1#
你可以直接用Javascript来控制你的侧边栏。我也遇到了jQuery的问题。
gg58donl2#
我知道这有点晚了,但由于答案似乎不在这里,我想我会加上它。
将类“sidebar-toggled”添加到,< body />并将类“toggled”添加到< ul id="accordianSidebar" />
这将启动侧边栏作为收缩,但保持切换功能的要求。