2010-12-01 31 views
1

JQueryを使用して、送信に成功したことを示す緑色のチェックマークとメッセージを表示しています。イメージとメッセージが正しく表示されます。しかし、私はゆっくりとJQueryのhide関数を使ってイメージとメッセージを削除したいと思っています。 htmlが既にページにあったときは、これを問題なく使用しました。今回は動作していないので、HTMLがJQueryで追加されてから削除されているのではないかと思います。要素が別の要素の子要素であるかどうかはわかりませんが、これは問題の可能性があります。この問題についての洞察は大きな助けになるでしょう。ありがとう。JQueryで同じイメージを追加してから削除する

のjQueryコード:

$("<span id='checkmark'><img height='45' width='45' src='./img/checkmark_green.jpg'/>&nbsp;<span style='color: #33CC33; font-size: 14pt'>Word successfully added to the dictionary.</span><br/></br></span>").prependTo("#div_dict"); 

//i also tried '#div_dict > #checkmark'    
$('#checkmark').click(function(){ 
    $(this).hide('slow'); 
}); 

HTML/PHP:あなたはそれを削除するには、テキストをクリックする場合

echo('<div id="div_dict">'); 
     echo('<big id="add"><b>Add a word or phrase to the dictionaries</b></big><br/>'); 
     echo('<form id="form_dict" name="form_dict">'); 
     echo('<input id="entry" name="entry" size="30"/><br/>'); 
     echo('<input type="radio" id="sent" name="sent" value="Positive"/>positive&nbsp;&nbsp;<input type="radio" id="sent" name="sent" value="negative"/>Negative<br/><br/>'); 
     echo('<input id="but_dict" type="button" value="Submit" onclick="addToDict();"/>'); 
     echo('</form>'); 
     echo('</div>'); 
+0

2 thoughts ... 1.) "checkmark"というIDを持つ他の要素はありますか?例えば1つしかないはずです。 2)ちょうど興味があります...あなたの 'span'に' br'要素があります... 'div'または他の通常のブロックレベルの要素は、通常インラインであるスパンよりも意味がありますか? – scunliffe

+0

この正確な*コードは、私にとってはうまくいきます:http://jsfiddle.net/YmxYq/1/ *私はあなたの小切手のためにダミー画像でサブしました。 –

答えて

1

あなたのコードは私のために動作します。クリック機能を削除して、それが自分のものであればそれを隠すことができます。

$("<span id='checkmark'><img height='45' width='45' src='./img/checkmark_green.jpg'/>&nbsp;<span style='color: #33CC33; font-size: 14pt'>Word successfully added to the dictionary.</span><br/></br></span>").prependTo("#div_dict"); 

$('#checkmark').delay(2000).hide('slow'); 
+0

うわー....これは私が捕まえたはずの問題の1つでしたが、見落としていました。言うまでもなく、私はjavascriptとJQueryの新機能です:)。助けてくれてありがとう! – user387049

関連する問題