我有一个模板,但是此js模板的IDK错误发生了什么。我想用另一个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>
我将此代码添加到我的上一个脚本中的</html>
<script>
function hideSidebar() {
$(".sidebar").hide();
}
hideSidebar();
</script>
但是它仍然不起作用,这有什么问题?非常感谢你
答案 0 :(得分:0)
您可能在页面加载之前或要隐藏的DOM元素已经出现之前就在执行Javascript部分。
function hideSidebar() {
$(".sidebar").hide();
}
$(document).ready(function(){
hideSidebar(); // only execute this after the page has loaded
});