cursor - 在 Royalslider 插件中跟随光标的标题

Question

我正在尝试实现这一点，但我无法使其工作：我正在使用 Royalslider WP 画廊插件，我希望每个图像的标题自动跟随/替换光标，如下所示：https://www。 martonperlaki.com/#1 同时，如果用户点击任何地方，下一张幻灯片就会加载，但是这个功能已经通过插件的选项启用（通过点击导航）。

我正在使用 Scripts n Styles 插件将此 JS 添加到画廊所在的特定页面，但什么也没发生，我不确定出了什么问题。

$(document).on('mousemove', function(e) {
  var xPos = e.pageX;
  var yPos = e.pageY;
  // console.log(xPos, yPos);
  $('.rsGCaption').css({
    'top': yPos,
    'left': xPos
  });
});

这是标题类的 css。

.rsDefault .rsGCaption {
float: left;
text-align: center;
z-index: 90;
position: relative;
border: 1px solid blue;
color: black;
width: 45px;
font-size: 12px;
}

我感谢您的帮助！谢谢

标签： cursor