发生鼠标悬停事件时出现光标可单击图标
Cursor clickable icon appear when mouse over event happened
我有以下实现。当用户点击 y 轴标题标签时,会弹出消息。
但是,对于第一次显示 y 轴标签可点击的用户,没有任何指示。因此,我想知道当鼠标悬停在 y 轴标题标签上时如何实现光标可单击图标(手形图标)。
$(document).on("click", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){
var chart = $("#chart").data("kendoChart");
$("#chart").css("cursor", "pointer");
alert($(this).text());
});
将此添加到您的点击处理程序下方:
$(document).on("mouseover", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){
$('#chart text[fill="rgba(60,60,60, 0.9995)"]').css("cursor", "pointer");
});
我有以下实现。当用户点击 y 轴标题标签时,会弹出消息。
但是,对于第一次显示 y 轴标签可点击的用户,没有任何指示。因此,我想知道当鼠标悬停在 y 轴标题标签上时如何实现光标可单击图标(手形图标)。
$(document).on("click", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){
var chart = $("#chart").data("kendoChart");
$("#chart").css("cursor", "pointer");
alert($(this).text());
});
将此添加到您的点击处理程序下方:
$(document).on("mouseover", '#chart text[fill="rgba(60,60,60, 0.9995)"]', function(){
$('#chart text[fill="rgba(60,60,60, 0.9995)"]').css("cursor", "pointer");
});