Mengapa fungsi mouseOver saya tidak berfungsi?

Permainan ini cukup sederhana, Anda mengklik tombol start untuk memulai, lalu gerakkan mouse Anda di sepanjang trek hingga Anda mencapai akhir, lalu pengatur waktu berhenti dan menunjukkan skornya. Jika Anda keluar jalur, Anda mendapat skor nol.

Mengapa fungsi mouseOver saya tidak berfungsi? Tautan ke kode lengkap saya: http://www.codecademy.com/TictacTactic/codebits/AQBK4L/edit

Terima kasih sebelumnya!

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);
}

javascript function html jquery mouseover
person user3786992    schedule 29.06.2014    source sumber
comment
mouseOver != mouseover, di situlah letak masalahnya.   -  person elclanrs    schedule 29.06.2014
comment
mengapa orang tidak memposting kode yang relevan?   -  person Jai    schedule 29.06.2014
comment
Terima kasih untuk bantuannya. Saya baru disini.   -  person user3786992    schedule 29.06.2014

Jawaban (2)


arrow_upward
0
arrow_downward

Kebanyakan acara menggunakan huruf kecil, seperti mouseover, mouseout dst. Ada juga acara yang menggunakan huruf kapital, seperti DOMContentLoaded. Sebagian besar (jika tidak semua) bahasa pemrograman peka huruf besar-kecil, hati-hati terhadap hal ini.

person Joseph    schedule 29.06.2014
comment
Tampaknya skornya disetel ulang ke nol setiap kali saya mengarahkan kursor ke tombol mulai. Aneh. - person user3786992; 29.06.2014

arrow_upward
0
arrow_downward

Coba ini

    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);
    }
});

Kemudian nanti jika Anda tidak ingin acara hover berfungsi, setel saja clicked ke false I.E : clicked = false;

person Mitch    schedule 29.06.2014
comment
Ide yang sangat bagus Saya sedang mencari ide untuk mematikan saklar tetapi sepertinya tidak berhasil. - person user3786992; 29.06.2014
comment
Saya mencoba kode Anda lagi. Ketika saya mengganti hover dengan mouse, itu berfungsi tetapi ketika saya menambahkan skor = 1000; $(#poin).html(skor); supaya skor kembali ke 1000 ketika di klik tidak berhasil - person user3786992; 29.06.2014
comment
Ah oke, baiklah, saya memikirkan tombol mati karena saya tidak yakin apakah acara hover akan benar-benar berfungsi. - person Mitch; 29.06.2014