[javascript] jqueryの表示と非表示の画像が機能しない


Answers

これは動作しています:

$("#rad").click(function () {
    $("#success").fadeIn(500).delay(1000).fadeOut(1000);
});​

Javascriptは非同期であることがあります。このようにしないと、 delay()は動作しません。

より良いコード進化のためにコールバックを使うべきです。

Question

私は私のページの1つにコードを持っています。 誰かがラジオボタンをクリックすると、イメージがフェードイン、滞在、フェードアウトすることになっています。 また、データベースは、ajaxを使用してonclickを更新する必要があります。

<html>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
$("#rad").click(function() {
    $("#success").fadeIn(500);
    $("#success").delay(1000);
    $("#success").fadeOut(1000);
})
</script>

<table class="profimg">
    <tr><td height="50" width="50"><img id="success" src="http://cdn4.iconfinder.com/data/icons/simplicio/128x128/notification_done.png" style="display:none" height="50" width="50"></td></tr>
    <tr><td align="center"><img class="profimg" src="" alt="Administratorasdf" height="100" width="100"/></td></tr>
<tr><td id="rad" align="center"><input type='radio' title='Publicly Visible' name='img_pub' onclick="upimg1()" /> <input type='radio' title='Visible Only To Users' value='UsersOnly' name='img_pub' onclick="upimg2()" /> <input type='radio' title='Visible Only To You' value='Hide' name='img_pub' onclick="upimg3()" checked='checked'/></td></tr>
</table>

</body>
</html>

私は混乱を避けるためにajaxの部分を削除しました。 これは私が使ったjsFiddleです。 http://jsfiddle.net/c7ajb/1/エラーとは何でしょうか?




Related