Question

我最近决定在我的网站上想要一个图标跟随鼠标。所以我将以下内容添加到JavaScript文件中，我的网站上的每个页面都使用

$(document).ready(function() {
    var mouseFollowerHTML = "<img class='mouse-follower' src='/images/space_needle_icon.png' alt='space needle'/>";
    $('.maincontent').append(mouseFollowerHTML);    
});

$(document).mousemove(function(e) {
    $('.mouse-follower').offset({
        left: e.pageX,
        top: e.pageY + 20
    });
});

意图是将图像注入maincontent元素（位于每个页面上），然后使图像跟随鼠标。但它不起作用。我已经尝试向$(document).ready(...)函数添加警报，但没有任何反应。

请纠正我的错误。

Answer 1

检查您是否将jQuery连接到页面：

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

并查看此jsbin：http://jsbin.com/sipaxaqipo/1/edit?html,js,console,output（它完全适用于您的代码），因此您的代码是正确的。错误在网站的另一个部分，希望你忘了连接jQuery。

使用JavaScript文件将HTML注入页面

1 个答案: