マウスダウンが機能していない：jquery

クラスdowniのmouse downイベントで以下の関数をトリガーしたい。しかし、これは動作していないようです。マウスダウンが機能していない：jquery

<body> 
<div class="gameholder"> 
    <div class="title"></div> 
    <div class="penguin1"></div> 
    <div class="penguin2"></div> 
    <div class="penguin3"></div> 
    <div class="penguin4"></div> 
    <div class="penguin5"></div> 
    <div class="penguin6"></div> 
    <div class="penguin7"></div> 
    <div class="penguin8"></div> 
    <div class="yeti"></div> 
</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 

    //This code will run after your page loads 
    $('body').on('mousedown', '.yeti', function(event) { 

    alert("Yaaaarrrr!"); 

}); 
}); 
</script> 
</body>

出典

2016-05-30 ankur chavda

あなたのコードは、ただテキストをいくつか追加するだけです。 –

あなたのクラス 'yeti'に何かを追加してください –

あなたの.yeti要素はおそらく目に見えません（背景とサイズを追加してください） –

-2

今ではperfectlly動作します。.. :)

<body> 
<div class="gameholder"> 
    <div class="title"></div> 
    <div class="penguin1"></div> 
    <div class="penguin2"></div> 
    <div class="penguin3"></div> 
    <div class="penguin4"></div> 
    <div class="penguin5"></div> 
    <div class="penguin6"></div> 
    <div class="penguin7"></div> 
    <div class="penguin8"></div> 
    <div class="yeti"></div> 
</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".yeti").mousedown(function(){ 
     alert("yeti pressed"); 

    }); 

}); 
}); 
</script> 
</body>

出典

2016-05-30 12:11:07

あなたのコードが正しいと（私はjQueryの2でテスト済み）動作するはずです。 yeti divの中に何かを入れたり、固定サイズ（幅と高さ）にしてください。

出典

2016-05-30 12:15:27

あなたの助けを借りて_thanks_、今それは正常に動作します。私のjqueryファイルが間違っていた –

マウスダウンが機能していない：jquery

答えて

関連する問題