jQueryのは、子をクリックしたときの要素を非表示にしよう

StackOverflow https://stackoverflow.com/questions/1669048

  •  13-09-2019
  •  | 
  •  

質問

私は、「閉じる」のIDを持つ画像がクリックされたときに要素を非表示にしようとしています。

$('#close').click(function() {
    $('#ordercell').hide('slide');
});

私が言うことができるものから、私が必要とするすべてであるべき、私がクリックしたときに何も起こりません。

$(document).keyup(function(event) {
    if (event.keyCode ==27) {
        $('#ordercell').hide('slide');
    }
});

はエスケープが押されたときに非表示にするだけで正常に動作しているので、私は私が欠けているものをかなりよく分からない。

私のHTMLは、（私は1を作った前に私が働いてスクリプトを取得したい考え出したので、画像のATMを使用していない）され 

<div id="ordercell">
    <div id="orderform">
        <div class="cardorder" id="cardorder56">
        <div id="close">X</div>
        <img src="foo.jpg">
        </div>
    </div>
</div>

これは、すべてのハードコーディングされている、いないAJAXます。

役に立ちましたか？

解決

あなたはクリック機能を設定する際に、既にDOMに存在してid="close"とイメージしていますか？

ところで。 WFM。ここで確認してください http://jsbin.com/acoseする

他のヒント

あなたはクリックイベントに結合しているときに

#closeはDOMに存在していますか？あなたはDOMを変更するために、AJAXまたはいくつかの他の手段を使用している場合、あなたのコードや使用liveのその時点でのセットアップにあなたのクリックイベントが必要になります。

$("#close").live("click", function() { do stuff });

また、あなたはあなたのクリックイベントからfalseを返すかでpreventDefaultを呼び出す必要があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top