jQuery的.HTML导致

Question

我在做一个AJAX调用服务器页面并通过HTML方法在一个div打印结果：

$(document).ready(function() 
{ 
    $.ajax 
    ({ 
    async:false, 
    type: 'GET', cache: false, 
    url: '..urlhere..', 
     success: function(data){printresult(data);} 
     }); 
}); 

与printresult（数据）：

$("thediv").html(data); 

这一切都可以工作，但结果本身包含类的跨度。这些跨度在他们徘徊时应该发出简单的警报。我实现了太在的document.ready：

$(".spanclass").hover(function() 
{ 
    alert('j'); 
}); 

这不工作..难道是因为结果来自Ajax和DOM不会看到它作为一个spanclass？

Answer 1

您应该使用delegate

$('thediv').delegate('hover', '.spanclass', function() { ... }); 

这是jQuery的

Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements. 

Answer 2

建立一个delegate这样的动态添加元素

$(function(){ 
    // on document ready setup the delegate for the hover event 
    $(document).on('hover', '.spanclass', function(){ 
     alert('j'); 
    }); 
}); 

Answer 3

你应该委托的情况下，你可以使用on方法。

$(document).on({ 
    mouseenter: function(){ 
    alert('entered') 
    }, 
    mouseleave: function(){ 
    alert('left') 
    }  
}, ".spanclass") 

Answer 4

$('.spanclass').live('mouseover', function() { 
    alert('j'); 
});