Jquery về sự kiện là không bắt buộc đối với các yếu tố phi hiện

Question

Ok đây ví dụ jsfiddle

http://jsfiddle.net/HTjCT/1/

Như bạn có thể nhìn thấy bạn khi bạn di chuột nó không được bắn mouseover kiện

làm thế nào tôi có thể giải quyết này vấn đề ?

tôi đang sử dụng Jquery 1,9

<div id='superdiv'>Click Me</div> 


$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append('<div id="super">another'); 
    }); 
    $('#super').on('mouseover', function (event) { 
     alert('not working'); 
    }); 
}); 

javascript

Answer 1

Bạn phải sử dụng "đại biểu", như thế này (để cung cấp "sống") $('body').on('mouseover', '#super', function (event) {

Answer 2

Các div bạn muốn tạo onclick, không khép lại với những '</div>' thẻ.

gì nếu bạn cố gắng đoạn mã sau:

$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append(
      $('<div/>',{ 'id' : 'super', 'text' : 'tetet'}).mouseover(function(event) { 
        alert('test'); 
      }) 
     ); 
    }); 
}); 

Answer 3

Bạn cũng có thể quấn chuột lên sự kiện trong một hàm và gọi nó bất cứ khi nào bạn thêm các phần tử mới mà bạn muốn bị ảnh hưởng. Bằng cách đó, vấn đề mà WickyNilliams chỉ ra sẽ không ảnh hưởng đến bạn.

$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append('<div id="super">another'); 
     mouse(); 
    }); 
    function mouse() { 
     $('#super').on('mouseover', function (event) { 
      alert('not working'); 
     }); 
    }); 
    mouse(); 
}