Question

我想在类yeti上的鼠标按下事件上触发以下功能。但是，这似乎不起作用。

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

Answer 1

你的代码是正确的，应该可以工作（我刚用jQuery 2测试过）。确保在雪人内部放置一些东西或使其固定尺寸（宽度和高度）。

Answer 2

现在它将完美地运作.. :)

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

鼠标按下不起作用：jquery

2 个答案: