javascript - JavaScriptを実行していないボタンクリック

Question

その下のフィールドを非表示/再表示したいページのボタンがあります。

<button id="post1-new-comment-button" type="button">Click</button>
<input id="post1-new-comment" name="comment[body]" size="50" type="text" />

次のCSSで

#post1-new-comment {
    display: none;
}

およびjavascript

$(function() {
    return $("#post1-new-comment-button").click(function() {
        return $("#post1-new-comment").val("").toggle();
    });
});

ただし、ボタンがクリックされても何も起こりません。私はここで何が間違っているのですか？ここのjsfiddleについて：http：//jsfiddle.net/Z5hqZ/

score 1 · Accepted Answer

jquery が含まれていなかったため、フィドルが機能していませんでした。私はそれを更新し、返品を削除しました。

$(function() {
  $("#post1-new-comment-button").click(function() {
    $("#post1-new-comment").val("").toggle();
  });
});

score 0 · Accepted Answer

jQueryそれはあなたのフィドルにはないので、あなたがそれを使いたいときに含めることを忘れないでください、またあなたのhtmlはあなたが持っているフィドルに間違っています：

<button id="post1-new-comment-button" type="button">

そのはず：

<button id="post1-new-comment-button"></button>

それ以外の場合、入力はボタンの内側になります。あなたの例では、<button>タグを閉じていません。また、追加する必要も、JavaScriptもtype="button"必要ありません...return

更新された作業例：http：//jsfiddle.net/darkajax/VKGdv/

score 0 · Accepted Answer

これを試して：

$(function() {
    $("#post1-new-comment-button").click(function() {
        $("#post1-new-comment").val("").toggle();
    });
});

score 0 · Accepted Answer

非表示/非表示の場合-

$(function() {
    $("#post1-new-comment-button").click(function() {
        $("#post1-new-comment").toggle();
    });
});

score 0 · Accepted Answer

これを試して。jsfiddle のライブラリを jQuery に設定し、DOM 対応のスクリプトを実行することを忘れないでください。

$(function() {
$("#post1-new-comment-button").click(function() {
    $("#post1-new-comment").toggle();
});

});

ここに作業リンクがあります: http://jsfiddle.net/Z5hqZ/2/

ボタンの終了タグを忘れないでください

score 0 · Accepted Answer

実際には上記/以下のすべて：

次のみを使用します。

$(document).ready(function(){
  $("#post1-new-comment-button").click(function() {
    $("#post1-new-comment").toggle();
  });
});

6 に答える 6