2016-05-30 9 views
0

Ich möchte die unten stehende Funktion auf dem Mouse-down-Ereignis auf der Klasse Yeti auslösen. Dies scheint jedoch nicht zu funktionieren.mouse down funktioniert nicht: 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> 
+0

Ihr Code funktioniert nur fügen Sie etwas Text zu Yeti. –

+2

Atleast fügen Sie etwas in Ihrer Klasse 'Yeti' –

+0

Ihr .yeti Element ist wahrscheinlich unsichtbar (fügen Sie einen Hintergrund und eine Größe) –

Antwort

-2

Jetzt wird es perfectlly arbeiten .. :)

<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> 
0

Ihr Code korrekt ist, und sollte funktionieren (ich nur mit jQuery getestet 2). Stellen Sie sicher, dass Sie etwas in das Yeti Div legen oder eine feste Größe (Breite und Höhe) machen.

+0

_thanks_ für Ihre Hilfe, jetzt funktioniert es gut. Meine jQuery-Datei wurde verlegt –

Verwandte Themen