Javascript 工具提示对html图像无效

我有一个html图像，悬停时应该显示工具提示。工具提示的文本是根据一些模型属性动态设置的。但是，当我悬停时，悬停函数正在执行，但我无法看到相同的工具提示。下面是代码

  $('#img2').hover(function(){
  console.log("on hover image2");
  var oldregion=null;var newregion=null;var startdate=null;
  oldregion=${oldregion};
  newregion=${newregion};
  startdate=${startdate};
  document.getElementById('img2').title='Location changed from '+ '${oldregion}' +' to '+ '${newregion}' +' on '+ '${startdate}';   
  });

它正在打印“在悬停图像2上”，但不显示“位置已从…”文本，该文本应显示为工具提示。${oldregion}、${newregion}、${startdate}是来自spring控制器的模型属性，其值正确。但是，工具提示未与该动态文本一起显示

请帮帮我

谢谢，

---

普娜

工具提示可能位于图像的后面。确保图像是JLabel，因为工具提示可用于JLabel。解决这个问题的方法是使用玻璃窗格。你可以阅读一个基本上它使它，使图像后面的一个小虚拟玻璃，你可以将鼠标悬停在它上面，和工具提示将显示在窗格上方

JPanel glass = ((JPanel) imagejlabelname.getGlassPane()); //Glasspane
    glass.setVisible(true);

现在，如果希望在图像上进行交互，并且工具提示仅显示在部分图像上，请确保将图像放入JPanel中，并相应调整其大小。然后，您可以将鼠标侦听器添加到JPanel的特定部分

public void mouseMoved(MouseEvent event) {

**Inherited classes go here unless abstract**

}

基本上，你有多种方法可以做到这一点。如果你想有一个快速的工具提示，一旦你把它放在图像上就会显示出来，你应该使用我的第二种方法，鼠标侦听器

---

~Rich

嗨，Rich，我在前端使用JSP和html。因此，我不能使用JPanel和mouseMoved事件。我能用JSP和html做些什么吗？谢谢，Poorna。我不熟悉JSP，但是试试这个：在将鼠标指针移动到元素上时执行JavaScript：将光标移动到我的上方，只需使用一个简单的容器，而不是JPanel和JLabel。非常感谢。我尝试了MouseMove事件，它成功了。我的答案有效吗？如果没有，请随时问我任何问题。如果有，请确保将其标记为最佳答案！：）