3

一部の div が非表示になっているページを読み込もうとしていますが、次のようになります。

<input type="button" id="btnStats" values="Stats"/>
<div id="dvStats" style="display:none">Stats</div>
<div id="dvAlbums" style="display:none">Albums</div>

現在、div にはテキストしかありません。動作させることができないからです。btnStats のクリック イベントに dvStats 表示を割り当てる JS があります。

$("#btnStats").click($("#dvStats").style.display="block");

また、これに関する古い質問を検索しているときに見たいくつかの方法を試しました。

$("#btnStats").click($("#dvStats").css(":display","block"));

私はこの仕事をすることができませんでした。多分私は何かを逃した。

4

7 に答える 7

8

Jquery を使用すると、上記のタスクを簡単に実行できます。Jquery ライブラリをインクルードし、次のコードを使用します。

$("#btnStats").on("click",function(){

    $("#dvStats").css("display","block")
    $("#dvAlbums").css("display","block")

});
于 2016-03-15T09:08:34.777 に答える
0

試す： 

$("#btnStats").click(function() {
    $("#dvStats").css("display","block");
        /* OR  */
    $("#dvStats").show();
});
于 2013-03-08T16:18:26.083 に答える
0

.css()メソッドを使用するのではなく、代わりにこれを試してください.show()。同じことを行うので、メソッドを使用します。

$("#btnStats").click(function () {
    $("#dvStats").show();
});
于 2013-03-08T16:18:53.723 に答える
0

jQuery.clickはコールバック関数をパラメーターとして受け取るため、クリック関数呼び出しの引数として関数を渡す必要があります。

$("#btnStats").click(function(){
    $("#dvStats").show()
});

デモ：フィドル

于 2013-03-08T16:18:59.190 に答える
0

たとえば、ボタンハンドラを次のように変更します。

$("#btnStats").click(function() {
          $("#dvStats").show();
     });
于 2013-03-08T16:19:07.377 に答える
0

理由はわかりません：

$("#btnStats").click($("#dvStats").css("display","block"));

動作しません（「display」という単語の前のコロンが削除されていることに注意してください）。

PSあなたはあなたのファイルにjQueryライブラリを持っていますね？

それ以外の場合は、次のことを行う関数を呼び出すonclickイベントを設定する必要があります。

document.getElementById('dvStats').style.display = 'block';
于 2013-03-08T16:19:27.943 に答える