javascript - 如何通过 Ajax 调用在元素上注册鼠标悬停

Question

我正在尝试在用户单击按钮后生成的元素上注册鼠标悬停事件。

元素是通过ajax生成的。鼠标悬停似乎不适用于 ajax 创建的元素。我想知道是否有办法解决这个问题。非常感谢。

jQuery.ajax({
        type: "GET", 
        url: "http://list.php", 
        data: null, 
        dataType:"json", 
              timeout: 10000,
              global: true,
              error: oh_no,
        success: 
     });

var image = document.getElementById('image');

the image path are from ajax.

function listem(){
 ......codes
 ......codes

 image.innerHTML=  image.innerHTML + "<img src="\" + imagePath + \"\>";
} 

$(document).ready(function(){   


   $('#image img').mouseover(function(){

       alert('mouseOVER!!!');

   });

})





html    

<button id='showstuff' onclick='listem();'>show</button>

Answer 1

此外，您还在页面加载时应用监听器，但此时对象不存在。尝试创建一个像“AddImageListeners()”这样的函数，并在 ajax 调用的“成功”部分中调用它。