J'ai un modèle mais ce modèle js a une erreur IDK, ce qui se passe. Je veux faire cette barre latérale de fonction masquer et afficher avec un autre js .
<div class="mdc-list-group sidebar">// this start sidebar
<nav class="mdc-list mdc-drawer-menu ">
<div class="mdc-list-item mdc-drawer-item">
<a class="mdc-drawer-link" href="<?php echo base_url(); ?>dinas">
<header class="mdc-toolbar mdc-elevation--z4 mdc-toolbar--fixed">
<div class="mdc-toolbar__row">
<section class="mdc-toolbar__section mdc-toolbar__section--align-start">
<a href="#" class="material-icons mdc-toolbar__menu-icon ">menu</a>//this is for button to click show and hide
<span class="mdc-toolbar__input">
</span>
</section>
J'ajoute ce code dans mon dernier script sous </html>
<script>
function hideSidebar() {
$(".sidebar").hide();
}
hideSidebar();
</script>
mais ça ne marche toujours pas, qu'est-ce qui ne va pas ? Merci beaucoup
Vous exécutez peut-être la partie Javascript avant le chargement de la page ou avant que l'élément DOM que vous essayez de masquer ne soit déjà apparu.
function hideSidebar() {
$(".sidebar").hide();
}
$(document).ready(function(){
hideSidebar(); // only execute this after the page has loaded
});
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots