0

我有一个 jquery 移动页面，其中包含一个按钮，点击该按钮时应该显示/隐藏一个 div。我似乎错过了什么。我已经解决了关于 SO 的类似问题，但没有成功，有人能建议我哪里出错了吗？

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.
});

谁能指出我正确的方向？

提前谢谢了

4

1 回答 1

0

你能做这样的事情吗

<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-17T21:52:25.373 回答