xử lý sự kiện jQuery onClick trên các thanh điều khiển

Question

Tôi muốn thiết lập sự kiện jQuery onClick đơn giản để làm cho giao diện người dùng động trên mẫu sổ tay lái. Tôi đã tự hỏi addClass() sau một nhấp chuột cụ thể.

xem xét HTML (tạo ra bởi tay lái)

{{#if hasButton}} 
     <div id="container">  
      <button type="submit" class="myButton">Click me!</button> 
     </div> 
    {{/if}} 

tức là: Sau khi nhấp chuột bên trong một nút, thùng chứa của nó sẽ nhận được một lớp tải sẽ tạo ra sự tương tác sử dụng CSS.

$(".myButton").on("click", function(event){ 
     $(this).parent().addClass("loading"); 
}); 

Mã này nên đi trên mẫu tay lái của tôi hoặc tôi có nên viết lại nó vào trình trợ giúp cụ thể không? Có bất kỳ ví dụ nào có thể được cung cấp để tôi có thể nghiên cứu nó sau đó phát triển một cái gì đó tương tự?

Cảm ơn trước!

Answer 1

Bạn phải làm mới trình nghe Jquery của mình SAU việc chèn các nút vào HTML DOM của bạn.

var source = "<li><a href="{{uri}}">{{label}}</a></li>"; 
var template = Handlebars.compile(source); 
var context = {"uri":"http://example.com", "label":"my label"}; 
$("ul").append(template(context)); 

// add your JQuery event listeners 
$("li").click(function(){ alert("success"); }); 

Answer 2

Tôi không chắc chính xác vấn đề của bạn là gì. Chính xác như thế này nếu bạn giữ JavaScript trong tệp * .js, perhaps bằng cách sử dụng parent() thay vì prev() trong trường hợp cụ thể này.

Answer 3

không có cần thiết phải lắp lại xử lý sự kiện trên tất cả các bản cập nhật DOM động nếu bạn đang định nghĩa chúng ở cấp tài liệu:

$(document).on('click','li',function(){ 
    alert('success'); 
}); 

Hope this helps! :-)