我正在使用plotly.js和jquery。将鼠标悬停在剧情上并出现一些图像
我想对图像有一个自定义的悬停效果。我见过the answerEtpinard(here是外观和感觉)。但我认为我需要一个不同的解决方案。
我不想与iframe一起工作,而提到的解决方案可以与它一起工作。相反,我想连接到$("path.point")
并在那里添加悬停功能。
我调查了剧情里面的内容。所以,这里是我的html代码:
<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代码。
有什么理由不使用Plotly的hoverevents? –