jquery移動顯示/隱藏分區

我有一個jquery移動頁面，其中包含一個按鈕，當點擊時應顯示/隱藏div。我似乎錯過了一些東西。我已經通過類似的問題，沒有成功，任何人都可以提出我要去哪裏錯了？jquery移動顯示/隱藏分區

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。 com/css /）來顯示：block而不是.toggle（）用於測試 3.在tap事件的第二個參數（在函數中）中顯示一個警報或其他輸出，然後可以看到您的事件是否被觸發正確。 – F481 2012-07-17 20:38:50

你可以做這樣的事情非常感謝，

<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你能不能把它放在你的頁面的結束。

現在，時候你id="divMenu"你div想要隱藏，確定和onclick="showHideMenu();"功能元素對火災事件。

這一切都模擬它tap和toggle事件。

我希望這會有所幫助。 :)

來源

2012-07-17 21:52:25 hekomobile

嗨，謝謝你的答案 - 我用它來追蹤它實際上是這個toggle（）事件導致我切換到show（）的問題，它工作正常。 – 2012-07-18 11:30:57

jquery移動顯示/隱藏分區

回答

相關問題