使用JavaScript文件将HTML注入页面

Using a JavaScript file to inject HTML into a page

本文关键字：注入 HTML JavaScript 文件 使用      更新时间：2023-09-26

我最近决定在我的网站上用一个图标来跟随鼠标。因此，我在我网站上的每个页面都使用的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
    });
});

其意图是将图像注入CCD_ 1元素（在每一页上），然后使图像跟随鼠标。但它不起作用。我试着向$(document).ready(...)函数添加了一个警报，但什么也没发生。

请纠正我的错误。

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

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

看看这个jsbin：http://jsbin.com/sipaxaqipo/1/edit?html，js，控制台，输出（它完全可以与您的代码配合使用），所以您的代码是正确的。错误在网站的另一部分，希望你只是忘记连接jQuery。

相关文章：