我正在使用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? –