Jquery 모바일는 탭에서 div를 표시/숨기기

나는 div를 표시하거나 숨기려면 버튼을 포함하는 jquery 모바일 페이지가 있습니다. 나는 뭔가를 놓친 것 같다. 나는 아무런 성공도하지 못했기 때문에 비슷한 질문을했습니다.Jquery 모바일는 탭에서 div를 표시/숨기기

HTML :

<a href="#" id="moreFilters" class="moreFilters" data-role="button">View more filters</a> 
<div id="filters"> Blah </div>

CSS :

div#filters { 
    display: none; 
}

JQ :

$('#myPage').live('pageinit', function(event) { 
    $("#moreFilters").bind('tap',function(event, ui){ 
     $('#filters').toggle('fast', function() {}); 
    }) 
});

나는 또한 시도했다 :

$('#moreFilters').live('tap',function(event) { 
    $("#filters").toggle(); // toggles the visibility/display of the element. 
});

누구든지 올바른 방향으로 나를 가리킬 수 있습니까? 사전

출처

2012-07-17 James J

1. 테스트를 위해 [jQuery 클릭 이벤트] (http://api.jquery.com/click/)를 바인딩하십시오. 2. [jQuery css] (http : //api.jquery. 검색을 위해 .toggle() 대신 표시 : 3. 탭 이벤트의 두 번째 매개 변수 (기능에서)에 경고 또는 기타 출력을 표시하면 이벤트가 시작되었는지 확인할 수 있습니다 바르게. – F481

이 같은 뭔가를 할 수있는

많은 감사,

<script> 
    var isMenuVisible = true 

    function showHideMenu() { 
     isMenuVisible = !isMenuVisible; 
     var menuPrin= document.getElementById("divMenu"); 

     if(isMenuVisible) { 
      menuPrin.style.visibility = "visible"; 
      menuPrin.style.width = "30%"; 
     } else { 
      menuPrin.style.visibility = "hidden"; 
      menuPrin.style.width = "0%"; 
     } 
    } 
</script>

이 script 당신은 페이지의 끝 부분에 넣을 수 있습니다.

이제 fire 이벤트를 발생시키는 요소에서 hide, ok 및 onclick="showHideMenu();" 기능을 원하는 div에 id="divMenu"을 지정하십시오.

이 모든 것이 tap 및 toggle 이벤트입니다.

이 정보가 도움이되기를 바랍니다. :)

출처

2012-07-17 21:52:25 hekomobile

안녕하세요, 해답을 주셔서 감사합니다. 실제로이 토글() 이벤트가 show()로 전환 된 문제를 일으키는 것을 추적하고 정상적으로 작동했는지 추적하는 데 사용했습니다. –

Jquery 모바일는 탭에서 div를 표시/숨기기

답변

관련 문제