jqueryのは

Question

http://igt.bitballoon.com/

は上記参照では、ウェブサイトで正常に動作しないのmouseUp、私はいくつかのjqueryの関数を使用していると私はのmouseup 1が動作していない理由はわかりません。

HERESに私が欲しいものを頭の中であるとはい、私はあまりにもそこにjQueryのへの参照を持っている

$(document).ready(function() 
{ 
    $("#Clickables").mouseup(function() 
    { 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"}); 
    }); 

    $("#Clickables").mouseout(function() 
    { 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"}); 
    }); 

    $("#Clickables").mousedown(function() 
    { 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickdown.png") no-repeat center', "background-size":"75% 75%"}); 
    }); 
}); 

とHERESに関連するHTML

<div id="Clickables" class="blockclicker" onclick="GatherMoney();"> 
</div> 

jqueryの起こること：画像がクリックされたとき、私はそれがマウスがダウンしている限り変更したい、そして、ユーザーが領域を出たり出たりするときに元に戻るようにしたい。 mousedownイベントとmouseoutイベントは正常に動作します。私はmouseoutイベントを作成したときに、mouseupイベントをコピーして貼り付けてイベントを変更したので意味がありません。 何が問題なのですか？mouseupイベントは元の画像をプロパティに戻さず、右の画像だと思っていますが、ノーリピートの中心とサイズは適用されませんが、mouseout関数のために行います。

私は混乱しています

Answer 1

これを試すことができますか？私は、これは悪い習慣ですhere

$(document).ready(function() 
 
{ 
 
    $("#Clickables").mouseup(function() 
 
    { 
 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"}); 
 
    }); 
 

 
    $("#Clickables").mouseout(function() 
 
    { 
 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"}); 
 
    }); 
 

 
    $("#Clickables").mousedown(function() 
 
    { 
 
     $(this).css({"background":'url("http://igt.bitballoon.com/images/clickdown.png") no-repeat center', "background-size":"75% 75%"}); 
 
    }); 
 
});

<div id="Clickables" class="blockclicker" style="height:200px; width:200px;" onclick="GatherMoney();"> 
 
    <button>click here</button> 
 
</div>