通過jQuery設置光標不會改變

嗨我寫了一個小腳本，其中每次觸發狀態1時光標都會變成指針，當狀態2被觸發時，它會變成十字準線。兩種狀態都被正確觸發並且一切都正常運行，除了每次處於狀態1時，只有一個我希望光標改變的div顯示正確的光標。在狀態2中，everthing像它應該那樣工作。通過jQuery設置光標不會改變

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'}); 
};

來源

2012-01-03 Maximilian Lindsey

顯示其設置除了您所設置的程序全部CSS。另外，當您使用運行時DOM檢查工具檢查您的'div'時，是否可以看到設置的樣式？ – 2012-01-03 12:42:41

我會結合你的兩條線，例如'$（'＃first，#second'）。css（{'cursor'：'pointer'}）;'。這會提高你的代碼的效率。 – jabclab 2012-01-03 12:43:39

...作爲第二個提示，您可以用逗號分隔您的選擇器，以便一次完成匹配。即'$（'＃first，＃second'）'以避免兩次重複相同的代碼。 – 2012-01-03 12:43:42

你不正確的代碼執行功能狀態1

來源

2012-01-03 12:51:49 kaz

通過jQuery設置光標不會改變

回答

相關問題