为什么此JavaScript mousemove函数不起作用？

Question

因此，我正在尝试使此函数起作用，以便无论将其应用于哪个div，pageSee类都将带有超链接。

这就是我写的。.https ://jsfiddle.net/LoorLge5/5/

<html>
<head>
<style>
    body {padding: 500px; background: #ddd; }
    .pageSee { position: absolute; float: left; }
</style>
</head>

<body id="as">

<div id="this">this is awesome</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
    $(function ()
    {   
        $('#as').divFollow({
            target: 'http://www.facebook.com/'
        });
    });

    function divFollow(settings)
    {
        return this.each(function ()
        {       
            this.append('<a class="pageSee" src="' + settings.target + '"></a>');

            this.on('mousemove', function(e)
            {
                $('.pageSee').css({
                    left: e.pageX - 5,
                    top: e.pageY - 5
                });
            });
        });
    }
</script>
</body>
</html>

Answer 1

那里有两个问题：

声明全局divFollow函数不会使其成为jQuery对象的属性。 为此，将其添加到$.fn ：
```
 $.fn.divFollow = function() { /* ... */ }; 
```
在函数中each回调的内部， this不是jQuery对象，而是原始DOM元素。 因此，您需要将其包装在一个jQuery对象中： $(this) （您完全正确，在divFollow ， this是一个jQuery对象。）
在mousemove处理程序内部，您将找到所有 .pageSee元素并更改其CSS。 您可能只想执行与此特定元素相关的操作。

因此至少：

// Put it on `$.fn`
$.fn.divFollow = function(settings) {
    return this.each(function() {
        // Wrap `this`
        var $this = $(this);
        $this.append('<a class="pageSee" src="' + settings.target + '"></a>');
        $this.on('mousemove', function(e) {
             // Find the .pageSee within this element only
             $this.find('.pageSee').css({
                 left: e.pageX - 5,
                 top: e.pageY - 5
             });
        });
    });
};

$(function() {
    $('#as').divFollow({
        target: 'http://www.facebook.com/'
    });
});

可能还有其他问题，但希望可以解决。

为什么此JavaScript mousemove函数不起作用？

问题描述

1 个解决方案

解决方案1
6 已采纳 2016-06-26 07:59:53

为什么此JavaScript mousemove函数不起作用？

问题描述

1 个解决方案

解决方案1 6 已采纳 2016-06-26 07:59:53

解决方案1
6 已采纳 2016-06-26 07:59:53