Jquery 在JSFIDLE中,光标未更改为指针

Jquery 在JSFIDLE中,光标未更改为指针,jquery,jsfiddle,Jquery,Jsfiddle,我相信这是非常基本的,但是有人能帮我弄清楚为什么光标在其中一个按钮上移动时不会变成指针吗 js/jquery 1.11 $(document).ready(function(){ // if cursor over button, toggle pointer if ($("grow").is(":mouseover") || $("done").is(":mouseover") || $("search").is(":mouseover") || $("learn").is("

我相信这是非常基本的,但是有人能帮我弄清楚为什么光标在其中一个按钮上移动时不会变成指针吗

js/jquery 1.11

$(document).ready(function(){
    // if cursor over button, toggle pointer
    if ($("grow").is(":mouseover") || $("done").is(":mouseover") || $("search").is(":mouseover") || $("learn").is(":mouseover"))){
    $('selector').css( 'cursor', 'pointer' );
}
}
html




这是出于各种原因,但您需要的唯一代码是:

input:hover {
     cursor:pointer;
}
这是纯CSS

您的代码在目标中不好。这是不对的:

$("grow").is(":mouseover")
因为您正试图以标签
为目标,该标签不存在。您需要:

$("input[value=grow]").is(":mouseover")

否则,您不需要很多javascript来实现这一点。只需使用上面的css

你就不能只使用css“:hover”`吗?
$('selector')
应该选择什么?或者任何其他选择器?还要记住传递给
$(document).ready()
的函数只会在DOM加载时触发一次,而不会在任何其他事件中触发。见文件
$("input[value=grow]").is(":mouseover")