通过jQuery设置时光标不会改变答案

【问题标题】：Cursor won't change when setting it via jQuery通过jQuery设置时光标不会改变
【发布时间】：2012-01-03 12:40:04
【问题描述】：

您好，我写了一个小脚本，每次触发状态 1 时光标变为指针，触发状态 2 时光标变为十字准线。两种状态都被正确触发并且一切运行正常，除了每次我处于状态 1 时，只有一个 div 我希望光标更改以显示正确的光标。在状态 2 中，一切正常。

HTML

<div id='first'></div>
<div id='second'></div>

function state1 (){
$('#first').css({'cursor':'pointer'});
$('#second').css({'cursor':'pointer'});
};

function state2 (){
$('#first').css({'cursor':'crosshair'});
$('#second').css({'cursor':'crosshair'});
};

【问题讨论】：

显示除您以编程方式设置之外设置的完整 CSS。此外，当您使用运行时 DOM 检查工具检查 divs 时，您能看到正在设置的样式吗？
我会结合你的两行，例如$('#first, #second').css({'cursor':'pointer'});。这将提高您的代码效率。
...作为第二个提示，您可以用逗号分隔您的选择器以一次性匹配两者。 IE。 $('#first, #second') 避免重复相同的代码两次。
给定的代码可以正常工作jsfiddle.net/VkSAM 标记为无法回答

标签： javascript jquery html css cursor

【解决方案1】：

你没有在代码中正确执行函数 state1

【讨论】：