javascript - 使用 JavaScript 文件将 HTML 注入(inject)页面

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
    });
});

其目的是将图像注入(inject)到 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。