Question

我正在尝试创建一个函数，如果窗口大小小于768px，那么我想使用链接切换给定div的显示。

如果窗口大小大于768，我希望显示屏重置为阻止。

if($(window).width() < 768){
    function toggle_visibility(id) {
    var e = document.getElementById(id);


       if( e.style.display == 'block' )
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

}
else{
        e.style.display = 'block';
    }

HTML

<a href="#" onclick="toggle_visibility('sidebar');"><i class="fa fa-bars"></i></a>

Answer 1

您声明该功能未在任何地方调用

此外，您可以使用jquery并轻松实现：

 function toggle_visibility(id) {
  if($(window).width() < 768){
      $("#"+id).toggle();

  }
   else{
        $("#"+id).hide()
    }     

    }

Answer 2

和你在哪里调用函数??

function toggle_visibility(id) {
var e = document.getElementById(id);


   if( e.style.display == 'block' )
      e.style.display = 'none';
   else
      e.style.display = 'block';
};
 if( $(document).width() < 768){
    toggle_visibiliti(your element id);
 }else{
   e.style.display = 'block';
  };

切换功能以窗口大小为条件

2 个答案: