0

タップするとdivを表示/非表示にするボタンを含むjqueryモバイルページがあります。何かが足りないようです。私は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はあなたのページの終わりにそれを置くことができます。

ここで、イベントを発生させる要素で非表示、OK、および機能が必要id="divMenu"なユーザーをポイントします。divonclick="showHideMenu();"

これはすべて、それとイベントをシミュレートしtapますtoggle。

これがお役に立てば幸いです。:)

于 2012-07-17T21:52:25.373 に答える