画像をクリックするとphpファイルが実行され、クリックされた画像が更新されるJvascript関数があります。もう一度押すと画像が元に戻る別の機能を作りました。しかし、最初の関数を実行した後、再度画像をクリックしても何も起こりません。これらは私の機能です:
<script>
function upvote(id,bruger_id)
{
$.get("scripts/upvote.php?id="+id+"&bruger_id="+bruger_id, function() {
// Update image
$('.changeUp').attr('src', 'images/up.png');
return;
});
}
function noUpvote(id,bruger_id)
{
$.get("scripts/removevote.php?id="+id+"&bruger_id="+bruger_id, function() {
// Update image
$('.removeUp').attr('src', 'images/neutral_up.png');
return;
});
}
</script>
ここで関数を呼び出します。表示されている基本イメージは Cookie に基づいています。
<img class="changeUp"
onclick="upvote('.$feed[$loaded]["id"].','.$feed[$loaded]["bruger_id"].');"
src="images/neutral_up.png" width="20px">
エラーは、同じ関数を再度呼び出すだけで、画像が元に戻らないことに気付きました。しかし、どうすればこれを回避できますか?