모바일 웹 사이트의 jQuery 문제

Question

JQuery에 대한 질문이 있습니다. 내 사이트의 모바일 부분을 디자인하려고하는데 버그가 발생했습니다. 그래서 나는 3 가지 다른 화면 크기 (480, 타블렛 타입, 디폴트)를 CSS로 가지고있다. 모바일 버전에는 jQuery가 포함 된 타일 레이아웃이 더 많이 있지만 모바일 480 화면 크기로만 작업하기를 원합니다. 나는 내 휴대 전화에서 오전 세로 모드에서 사이트를로드하는 경우이

$(document).ready(function() { 
    if ($(window).width() < 481) { 

에 의해 내가 찾는 오전 버그가 있음을 수행 한 후 가로 모드로 이동 내 화면을 켭니다 CSS를 업데이트 올바르게은 '아무튼 그래서 더 이상 열 유형을 사용하지 마십시오. 그러나 jQuery는 여전히 타일 설정 만 토글하고 싶지 않은 것들을 토글 할 수 있습니다. 이 작업을 수행 할 여지가 있습니까? 가로 모드에서 내 사이트를로드하면 jQuery가로드되지 않습니다 (어느 것이 좋을까요?), 전환 할 때만 나타납니다. 페이지로드시 화면 크기를 확인하지만 해결 방법에 대한 아이디어가있는 사람이 누구인지 알아?

Answer 1

동일한 해상도로 미디어 쿼리를 사용하고 있기 때문에 여기에 나와 있습니다.

Jquery에서 미디어 쿼리 변경 사항을 테스트하십시오. 그런 다음이 작업을 수행 할 수 있습니다 JQuery와에

@media (max-width: 480px) { 
     #someDiv { 
      display:none; 
    } 
} 

: 예를 들어, 말을하자이가 당신의`if` 테스트를 통해

if($("#someDiv").css("display") == "none") { 
    // do whatever you want in Javascript that will only be run if that css media query is triggered 
}