jquery - JQuery .css() に div ブロックが表示されない

Question

私が理解している限り、リンクがクリックされたときに div ブロックを表示するコードをいくつか作成しました。

html:

<a href="#" id="show_1">attach more</a>
<div style="display:none" id="attached_1">
    Gogogo
</div>

そしてスクリプト：

$(function() {
    $("#$show_1").on('click', function() {
        $("#attached_1").css('display', 'block');
    })
});

しかし、それは機能していないようです。

誰かが私にこれがなぜなのか説明できますか?

score 1 · Accepted Answer

エラーを引き起こした$後があります。##$show_1Uncaught Error: Syntax error, unrecognized expression: #$show_1

$(function() {
    $("#show_1").on('click', function() {
        $("#attached_1").show();
    })
});

注: クライアント側スクリプトでのデバッグの最初のステップとして、ブラウザーコンソールをチェックして、エラーがないかどうかを確認してください。

score 1 · Accepted Answer

$("#show_1").on('click', function() {// on   $("#$show_1") chane in   $("#show_1")
        $("#attached_1").css('display', 'block');
    })

score 1 · Accepted Answer

$セレクターに余分なものがある場合は、変更のように削除します:

$("#$show_1").on('click', function() {

に

$("#show_1").on('click', function() {

score 1 · Accepted Answer

$(function() {
    $("#show_1").on('click', function() {
       ^//removed $ from here
        $("#attached_1").css('display', 'block');
    })
});

score 1 · Accepted Answer

構文にバグがあります。それは違いない、

$(function() {
    $("#show_1").on('click', function() {
        $("#attached_1").css('display', 'block');
    })
});

5 に答える 5