Jquery hover() 不會在懸停時觸發

Question

我有一個奇怪的問題。 我正在嘗試使用 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");
        });

Answer 1

它正在工作。 （最新的 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>

Jquery hover() 不會在懸停時觸發

問題描述

1 個解決方案

解決方案1
1 2014-10-27 12:23:03

Jquery hover() 不會在懸停時觸發

問題描述

1 個解決方案

解決方案1 1 2014-10-27 12:23:03

解決方案1
1 2014-10-27 12:23:03