Chấm dứt chương trình jQuery/JavaScript sau khi số hoàn thành được thay đổi

Question

Trong trò chơi chính tả tôi đã tạo, có một mạng lưới có nhiều từ. Mục đích của trò chơi là đánh vần các từ bằng cách nhấp vào các chữ cái ở bên cạnh, làm sinh động các khoảng trống trong lưới. Các từ được đánh dấu nếu chúng được đánh vần, do đó người dùng có thể thấy nơi cần đi tiếp theo. Mục đích của trò chơi là đánh vần số lượng từ cần thiết trong lưới để hoàn thành trò chơi. Tôi thường đặt nó thành hai, nhưng chỉ thay đổi nó thành 3 và chương trình tiếp tục phá vỡ sau khi tôi đánh vần từ thứ hai.

if (score.right == 3) { 
    ................ 
    ................ 
} 

Thông thường khi bạn đánh vần một từ chính xác, tôi sử dụng chức năng "click.trigger" để chuyển sang từ được đánh dấu tiếp theo trong lưới. Tại thời điểm này sau 2 chương trình chính xác, chương trình hoặc không chuyển sang chương trình tiếp theo hoặc quay lại chương trình cuối cùng và không cho phép bạn nhấp vào các chữ cái.

setTimeout(function() { 
        jQuery('.next-question').trigger('click'); 
       }, 1500); 

Tôi đã cố gắng xem xét các điểm ngắt nhưng dường như không tìm thấy vấn đề. Ai đó có thể giúp tôi làm cho nó hoạt động trở lại và cho tôi biết tôi đã đi sai ở đâu không?

Hiện tại trong trò chơi của tôi không có hình ảnh gợi ý hoặc gợi ý âm thanh để tìm từ được đánh dấu bạn phải sử dụng bảng điều khiển. Hãy thử trả lời hai ngay sau đó nó sẽ sụp đổ.

Đây là một fiddle cho bị hỏng: http://jsfiddle.net/smilburn/Dxxmh/101/

Đây là một fidddle sang một trước mà làm việc tốt: http://jsfiddle.net/smilburn/Dxxmh/100/ (một số tên lớp có thể thay đổi)

Answer 1

Điều đầu tiên. Những hình ảnh không hiển thị trong phiên bản mới bởi vì cho các liên kết của họ, bạn đang sử dụng đường dẫn tương đối mà không tồn tại như xa như jsfiddle là có liên quan. Cái trước đó sử dụng các liên kết tuyệt đối. Điều tương tự cũng xảy ra đối với các tệp âm thanh.

Sau đó, ngay từ đầu bạn có định nghĩa var như

var hintPic = $("#hintPic")[0]; 

Tuyên bố này trả về phần tử đầu tiên từ tập như một phần tử DOM đồng bằng. Vì vậy, sau này khi bạn đang cố gắng hiển thị nó

hintPic.show(); 

Nó sẽ không hoạt động vì 'hiển thị' là hàm jquery. Loại bỏ các [0] khỏi các định nghĩa biến và nó sẽ hoạt động tốt.