Ben üzerinde çalıştığım bir proje için SB Admin Bootstrap temasının sidebarını kullanmak istiyorum ama bir kaç degişiklik yaparak.
İlk öncelikle mobilde sayfayı açtıgımda yada yenilediğimde sidebarın gelmemesini istiyorum ve bunun içinde document.ready fonksiyonunu kullandım ama bu seferde sayfayı yeniledigimde yada yeniden açtıgımda anlık olarak gelip kayboluyor. Acaba bunun nedeni nedir
(function($) {
"use strict"; // Start of use strict
// Toggle the side navigation
$("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
$("body").toggleClass("sidebar-toggled");
$(".sidebar").toggleClass("toggled");
if ($(".sidebar").hasClass("toggled")) {
$('.sidebar .collapse').collapse('hide');
};
});
$(".container-fluid").on('click', function(e) {
if ($(".sidebar").hasClass("accordion")) {
$("body").addClass("sidebar-toggled");
$(".sidebar").addClass("toggled");
}
});
$( document ).ready(function() {
function screenClass() {
if($(window).innerWidth() > 768) {
$(".sidebar").hover(function(e) {
$("body").removeClass("sidebar-toggled");
$(".sidebar").removeClass("toggled");
});
$("#content").hover(function(e) {
$("body").addClass("sidebar-toggled");
$(".sidebar").addClass("toggled");
});
} else {
$("body").addClass("sidebar-toggled");
$(".sidebar").addClass("toggled");
}
}
screenClass();
$(window).bind('resize',function(){
screenClass();
});
});
// Close Sub Menus When Hover Over Content
$("#content").hover(function(e) {
$("#test-button").addClass("collapsed"); // This test button has to be added into htm nav links as an id
$("#collapseTwo").removeClass("show");
});
// Prevent the content wrapper from scrolling when the fixed side navigation hovered over
$('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
if ($(window).width() > 768) {
var e0 = e.originalEvent,
delta = e0.wheelDelta || -e0.detail;
this.scrollTop += (delta < 0 ? 1 : -1) * 30;
e.preventDefault();
}
});
// Scroll to top button appear
$(document).on('scroll', function() {
var scrollDistance = $(this).scrollTop();
if (scrollDistance > 100) {
$('.scroll-to-top').fadeIn();
} else {
$('.scroll-to-top').fadeOut();
}
});
// Smooth scrolling using jQuery easing
$(document).on('click', 'a.scroll-to-top', function(e) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top)
}, 1000, 'easeInOutExpo');
e.preventDefault();
});
})(jQuery); // End of use strict
