我正在使用plotly。js和jquery。
我想有一个自定义的图像悬停效果。我看到了
the answer
通过
Etpinard
(
here
是外观和感觉)。但我想我需要一个不同的解决方案。
我不想使用iframe,而上面提到的解决方案可以使用它。相反,我想连接到
$("path.point")
并在那里添加一个悬停函数。
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div id="myDiv"></div>
<script src="MakePlot.js"></script>
<script src="Mod2.js"></script>
</body>
下面是我在里面看到的:
我曾尝试创建一个代码,在悬停时“显示图像”,但没有成功。所以我尝试了日志:
$(document.getElementById('myDiv')).ready(function () {
$("path.point").hover(function () {
console.log("SUCCESS!");
}, function() {})
});
它什么也没有显示。所以我想我用错误的方式处理了这个对象(Plotly的path.point)。
$(document.getElementById('myDiv')).ready(function () {
$(this).css({backgroundColor:"#00FFFFFF", color: "#00FFFFFF"}).prepend('<img src="2368518-ghost.jpg" alt="" />');},
function () {
$(this).css({backgroundColor: "#00FFFFFF", color: "#00FFFFFF"});
$('img', this).remove()[0];
});
这是来自
that answer
