Jquery hover()在悬停时未触发
Jquery hover() not triggering on hover
我有一个奇怪的问题。我正在尝试使用jquery悬停。但我不能让它正常工作。我唯一能让我工作的方法就是点击它。有人能看到问题可能在哪里吗?HTML部分:
<a class="preview"><img id="EquipmentInfoPanelElementUrl" height="100" width="100" src="temp.png" alt="gallery thumbnail" /></a>
javascript部分:
$("a.preview").hover(function (e) {
$("body").append("<p id='preview'><img src='" + $("#EquipmentInfoPanelElementUrl").attr("src") + "' alt='Image preview' /></p>");
$("#preview").css("top", (e.pageY - 10) + "px").css("left", (e.pageX + 30) + "px").fadeIn("fast");
},
function () {
$("#preview").remove();
});
$("a.preview").mousemove(function (e) {
$("#preview").css("top", (e.pageY - 10) + "px").css("left", (e.pageX + 30) + "px");
});
它正在工作。(最新jQuery库)
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Autocomplete</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("a.preview").hover(function(e) {
$("body").append("<p id='preview'><img src='" + $("#EquipmentInfoPanelElementUrl").attr("src") + "' alt='Image preview' /></p>");
$("#preview").css("top", (e.pageY - 10) + "px").css("left", (e.pageX + 30) + "px").fadeIn("fast");
},
function() {
$("#preview").remove();
});
$("a.preview").mousemove(function(e) {
$("#preview").css("top", (e.pageY - 10) + "px").css("left", (e.pageX + 30) + "px");
});
});
</script>
</head>
<body>
<a class="preview"><img id="EquipmentInfoPanelElementUrl" height="100" width="100" src="http://placehold.it/100x100" alt="gallery thumbnail" /></a>
</body>
</html>
相关文章:
- 当鼠标悬停在文本中的单词上时显示警报
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 手风琴可点击并悬停
- 悬停功能触发器
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 鼠标悬停事件影响列表中所有行中的按钮,而不仅仅是特定按钮
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- css(或jQuery)悬停时淡入淡出
- jquery快速悬停问题
- hover添加类-或子类:悬停以影响父类
- 如何定位锚点“悬停”事件,就像在 jQuery 中的 css a:hover 一样
- Jquery hover()在悬停时未触发
- jquery检查是否“;这个“;对象是否悬停,不使用.is(':hover')函数
- 只有在未悬停在某个元素上时才执行hover()
- 如何在纯 JavaScript 中模拟激活 CSS “:hover” 的鼠标悬停
- 鼠标悬停在菜单项上可以触发原生的“:hover”吗?另一个元素的状态
- jQuery .hover()动画不平滑-悬停效果的小颠簸
- IF ELSE Hover语句仅适用于第二次悬停
- 当元素不处于悬停状态时,是否有方法获得元素的HOVER样式?
- 获取元素's:hover大小而不实际悬停