I used Jquery to get actions done and to set cookies thanks to Jquery Wizard, however I notice all of a sudden all actions that include $ no longer work even when I try new commands. Is there some sort of setting or function that I did to make it break?
I’ll share a page view and one example is the sidebar minimize action no longer works, let me know what could be the problem but as far as I’m aware it’s happening in the Members CMS.
Since custom code won’t render in the designer it can only be debugged on a published page/site. Please share that/a URL and I will look.
My main goal is to get two scripts to work which is hide/show alert and minimize/expand sidebar. The code is in the before of the member template page labeled as such. The cookies work because it shows on the site but the action itself doesn’t work. My guess is that I’m missing a function? It’s weird because it was working before. The CDN JS is in custom code settings page. To test if it works, press the button on the bottem left of the page with the arrow to see if it works. Luckily I have old footage of me recording it working previously so I’ll show you an example.
This is my current code issue:
<script>
//HIDE ALERT COOKIE
if (Cookies.get("alert") == "hidden") {
$('.overlay-alert').addClass('hidden');
}
});
//HIDE ALERT
$('.skip-dashboard-button').on('click', function() {
let currentView = $(this).attr('data-alert');
Cookies.set("alert", currentView, { expires: 1 });
$('.overlay-alert').addClass('hidden');
});
</script>
<script>
//MINIMIZE DASHBOARD SIDEBAR COOKIE
if (Cookies.get("sidebar") == "hide") {
$('.db-arrow').addClass('hide');
$('.db-tab-pane').addClass('hide');
$('.db-tab-title').addClass('hide');
$('.db-tab-image').addClass('hide');
$('.db-tabs-menu').addClass('hide');
$('.db-sidebar-background').addClass('hide');
$('.db-tab').addClass('hide');
$('.top-heading').addClass('hide');
$('.db-tabs-content').addClass('hide');
$('.hide-sidebar-button').addClass('hide');
$('.show-sidebar-button').addClass('hide');
}
//MINIMIZE DASHBOARD SIDEBAR
$('.hide-sidebar-button').on('click', function() {
let currentView = $(this).attr('data-view');
Cookies.set("sidebar", currentView, { expires: 365 });
$('.db-arrow').addClass('hide');
$('.db-tab-pane').addClass('hide');
$('.db-tab-title').addClass('hide');
$('.db-tab-image').addClass('hide');
$('.db-tabs-menu').addClass('hide');
$('.db-sidebar-background').addClass('hide');
$('.db-tab').addClass('hide');
$('.top-heading').addClass('hide');
$('.db-tabs-content').addClass('hide');
$('.hide-sidebar-button').addClass('hide');
$('.show-sidebar-button').addClass('hide');
});
//SHOW DASHBOARD SIDEBAR COOKIE
if (Cookies.get("sidebar") == "show") {
$('.db-arrow').removeClass('hide');
$('.db-tab-pane').removeClass('hide');
$('.db-tab-title').removeClass('hide');
$('.db-tab-image').removeClass('hide');
$('.db-tabs-menu').removeClass('hide');
$('.db-sidebar-background').removeClass('hide');
$('.db-tab').removeClass('hide');
$('.top-heading').removeClass('hide');
$('.db-tabs-content').removeClass('hide');
$('.hide-sidebar-button').removeClass('hide');
$('.show-sidebar-button').removeClass('hide');
}
//SHOW DASHBOARD SIDEBAR
$('.show-sidebar-button').on('click', function() {
let currentView = $(this).attr('data-view');
Cookies.set("sidebar", currentView, { expires: 365 });
$('.db-arrow').removeClass('hide');
$('.db-tab-pane').removeClass('hide');
$('.db-tab-title').removeClass('hide');
$('.db-tab-image').removeClass('hide');
$('.db-tabs-menu').removeClass('hide');
$('.db-sidebar-background').removeClass('hide');
$('.db-tab').removeClass('hide');
$('.top-heading').removeClass('hide');
$('.db-tabs-content').removeClass('hide');
$('.hide-sidebar-button').removeClass('hide');
$('.show-sidebar-button').removeClass('hide');
});
</script>
What happens when you remove the redundant jquery cdn link? FYI: Webflow already loads v3.51 before the body close tag.
It still doesn’t after removing it, I’ll keep it removed however as I thought that would make it fix. I do have another CDN JS but it’s to make the cookies work. This has worked before so I wouldn’t see that as the problem.
I tried adding this code but it still didn’t work unless I did something wrong.
<script>
$(document).ready( function() {
//Previous code
});
</script>
Figured out the solution, the jquery works but it uses the “removeclass” and “addclass” function which meant that there were classes that weren’t already set. So when webflow suggested deleted all unused classes, it also meant deleting the ones I use for the sidebar. Had to remake all the classes and it works once again.