창 크기에 따라 조건부 기능 전환 토글 기능

창 크기가 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>

출처

2015-01-08 Dan G Nelson

'$ ('#의 el_id'). 전환 상관없이 ($ (창) .width() <768) 폭이 768보다 큰, 그래서 만약 내가 원하는' – adeneo

, 다음 = 표시 블록. 너비가 768보다 작 으면 전환 할 수 있습니다. –

@adeneo 덧글도 똑같습니다. 나는 그의 대답도 내 대답을 확인하는 것처럼 두배로 늘릴 수 있습니다. –

당신은

이 더욱 더, 당신이 jQuery를 사용하고 쉽게 같이 할 수있는 모든 IT를 호출하지 그 함수를 선언됩니다

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

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

    }

출처

2015-01-08 22:14:23

포함 된 html을보세요 –

나는 @dangnelson을 가지고 있습니다. 작동하지 않는거야? –

이 방법이 효과적이지만, div를 끄고 창을 다시 크게 만들면 div가 표시되지 않습니다. 창문이 768보다 큰 경우 무엇이든 상관없이 거기에 있도록 노력하고 있습니다. –

및 어디 u 함수를 호출 ??

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'; 
    };

출처

2015-01-08 22:19:02

창 크기에 따라 조건부 기능 전환 토글 기능

답변

관련 문제