Javascript 切换btn,右侧导航栏不工作 我有问题与切换btn。导航内容应该从右向左滑出。但是,内容固定在页面的右侧,按钮根本不起作用。我可以知道我该怎么做吗?

Javascript 切换btn,右侧导航栏不工作 我有问题与切换btn。导航内容应该从右向左滑出。但是,内容固定在页面的右侧,按钮根本不起作用。我可以知道我该怎么做吗?,javascript,android,html,css,jquery-mobile,Javascript,Android,Html,Css,Jquery Mobile,HTML: Javascript: function toggleSidebar() { document.getElementById("sidebar").classList.toggle('active'); } 您可以通过检查锚点的href属性来切换侧栏的状态。 在这里查看演示 功能切换边栏(参考){ document.getElementById(“侧栏”).classList.toggle(“活动”); } (功能(){ var sidebarAnchors

HTML:


Javascript:

function toggleSidebar() {
       document.getElementById("sidebar").classList.toggle('active');
   }

您可以通过检查锚点的href属性来切换侧栏的状态。 在这里查看演示

功能切换边栏(参考){
document.getElementById(“侧栏”).classList.toggle(“活动”);
}
(功能(){
var sidebarAnchors=document.querySelector(“侧栏”).getElementsByTagName('a');

对于(var i=0;iIs)这是一个Android问题?是的。对于Android应用程序,您必须正确标记此问题。特别是您当前使用jquery和jquery mobile为我的库使用的库
#sidebar.active{
    nav-right:1px;
}

#sidebar .side {
    position: fixed;
    width: 200px;
    height: 100%;
    background: #151719;
    left: 200px;
    transition: all 500ms linear;

}

#sidebar ul li {
    color: rgba(230,230,230,0.9); 
    list-style: none; 
    padding: 15px 10px; 
    border-bottom: 3px solid rgba(100,100,100,0.6);
}

#sidebar .toggle-btn{
    position:absolute;
    right:10px;
    top:1px;
}

#sidebar .toggle-btn span{
    display:block;
    width:25px;
    height:3px;
    background: #151719;
    margin: 2.5px 0px;
}
function toggleSidebar() {
       document.getElementById("sidebar").classList.toggle('active');
   }