Jquery .show（）が機能していません

Question

私はクッキークリッカースタイルのゲームを作っていて、カーソルを購入するとアイコンを表示したいと考えています。コードはうまくいくはずですが、テスト時にアイコンが表示されません。ここ はJSFiddleです：

document.getElementById("cursorShop").onclick = function() { 
if (cookies >= cursorPrice) { 
    cookies = cookies - cursorPrice; 
    cursorPrice = cursorPrice * 1.15; 
    cps = cps + 0.1; 
    updateValue(); 
    cursorAmount = cursorAmount + 1; 
    if (reinforcedFingerActive == 0) { 
    $("#reinforcedFingerShop").show("fast", function() { 


    }); 
    } 
} 

}

EDIT：すべての助けをありがとうみんなここhttps://jsfiddle.net/wizviper/mq0qwnvr/

はメインのコードです！あなたの答えは素晴らしかったです！

Answer 1

あなたの画像が使用しているCSSの属性 "visibility"が "hidden"に設定されています。 .show はディスプレイでのみ動作します。

あなたは、代わりに、目に見えるの可視性を設定したい：

$("#reinforcedFingerShop").css("visibility", 'visible'); 

ここ https://jsfiddle.net/mq0qwnvr/41/

Answer 2

を実証するための更新フィドルは、あなたがここ<img id="reinforcedFingerShop">

にdisplay:noneへvisibility:hiddenを変更する必要があります参照してくださいですそれは行動中：https://jsfiddle.net/h3wmw085/3/

Answer 3

あなたがする必要があるのはにコードを置き換えるある：あなたが「表示：なし;」を持つ要素を設定していないので、これがある

if (reinforcedFingerActive == 0) { 
    $("#reinforcedFingerShop").css("visibility", "visible"); 
    } 

ではなく、それは代わりに隠さへの可視性です置きます。私はあなたのフィドルをチェックして、それは動作します！

ちょうどその内部に他のコードビットを置いておいてください。