เหตุใดฟังก์ชัน mouseOver ของฉันจึงไม่ทำงาน

เกมนี้ค่อนข้างง่าย คุณคลิกที่ปุ่มเริ่มเพื่อเริ่ม จากนั้นเลื่อนเมาส์ไปตามแทร็กจนกระทั่งถึงจุดสิ้นสุด จากนั้นตัวจับเวลาจะหยุดและแสดงคะแนนให้คุณดู หากคุณออกนอกเส้นทางคุณจะได้รับคะแนนเป็นศูนย์

เหตุใดฟังก์ชัน mouseOver ของฉันจึงไม่ทำงาน ลิงก์ไปยังโค้ดเต็มของฉัน: http://www.codecademy.com/TictacTactic/codebits/AQBK4L/edit

ขอบคุณล่วงหน้า!

var score = 1000;
var timer = setInterval(countDown(), 1000);

$(document).ready(function() {
$('#start').click(function() {
    $('#game').mouseover(function() {
        stopTimer();
        score = 0
        $('#points').html(score)
    });
    $('#end').mouseover(function() {
        stopTimer()
        $('#points').html(score)
});
});
});
function countDown() {
score = score - 1;
}

function stopTimer() {
clearInterval(timer);
}

person user3786992    schedule 29.06.2014    source แหล่งที่มา
comment
mouseOver != mouseover มีปัญหาอยู่   -  person elclanrs    schedule 29.06.2014
comment
เหตุใดผู้คนจึงไม่โพสต์รหัสที่เกี่ยวข้อง   -  person Jai    schedule 29.06.2014
comment
ขอขอบคุณสำหรับความช่วยเหลือของคุณ. ฉันใหม่ที่นี่   -  person user3786992    schedule 29.06.2014


คำตอบ (2)


กิจกรรมส่วนใหญ่จะเป็นตัวพิมพ์เล็ก เช่น mouseover, mouseout เป็นต้น นอกจากนี้ยังมีกิจกรรมอื่นๆ ที่มีตัวพิมพ์ใหญ่ เช่น DOMContentLoaded ภาษาโปรแกรมส่วนใหญ่ (ถ้าไม่ใช่ทั้งหมด) คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ โปรดระวังสิ่งเหล่านี้

person Joseph    schedule 29.06.2014
comment
ดูเหมือนว่าคะแนนจะรีเซ็ตเป็นศูนย์ทุกครั้งที่ฉันเลื่อนเมาส์ออกจากปุ่มสตาร์ท แปลก. - person user3786992; 29.06.2014

ลองสิ่งนี้

    var clicked = false;

$('#start').click(function() {
    if(!clicked){
        clicked = true;         
    }
});

$("#game").hover(function(){
    if(clicked){
        stopTimer();
        score = 0;
        $("#points").html(score);
    }
});
$("#end").hover(function(){
    if(clicked){
        stopTimer();
        $("#points").html(score);
    }
});

หลังจากนั้นถ้าคุณไม่ต้องการให้เหตุการณ์โฮเวอร์ทำงาน ให้ตั้งค่า clicked เป็น false IE : clicked = false;

person Mitch    schedule 29.06.2014
comment
เป็นความคิดที่ดีมาก ฉันกำลังมองหาแนวคิดการปิดสวิตช์อยู่ แต่ดูเหมือนว่าจะไม่ได้ผล - person user3786992; 29.06.2014
comment
ฉันลองรหัสของคุณอีกครั้ง เมื่อฉันแทนที่โฮเวอร์ด้วยเมาส์เหนือมันใช้งานได้ แต่เมื่อฉันเพิ่มคะแนน = 1,000; $(#points).html(คะแนน); เพื่อให้คะแนนกลับไปเป็น 1,000 เมื่อคลิกแล้วใช้งานไม่ได้ - person user3786992; 29.06.2014
comment
อ๋อ โอเค ฉันนึกถึงสวิตช์ปิดเพราะฉันไม่แน่ใจว่าเหตุการณ์โฮเวอร์จะได้ผลจริงหรือไม่ - person Mitch; 29.06.2014