2011-02-16 90 views
3

我如何改變鏈接元素的遊標CSS屬性,所以當用戶點擊該鏈接時,光標從指針切換到等待?jQuery改變光標點擊鏈接

jQuery(document).ready(function(){ 
    jQuery('a.cursor_wait').click(function(){ 
    jQuery('body').css('cursor', 'wait'); 
    }); 
}); 

這工作,但我必須用鼠標在鏈接移動到看到等待指示燈,當我離開我的光標的鏈接,我仍然看到指針。

如何在不移動光標的情況下做到這一點?

回答

0

儘量此(未測試):

jQuery('body').trigger('hover'); 
+0

不適用於我,Ubuntu,Google Chrome – astropanic 2011-02-17 08:52:10

1

http://jsfiddle.net/loktar/3WLGt/4/

JS

jQuery(document).ready(function(){ 
    jQuery('a.cursor_wait').click(function(){ 
    jQuery('body').css('cursor', 'wait'); 
     jQuery(this).css('cursor', 'wait'); 
    }); 
}); 

第更改的屬性當前鏈接到等待遊標,因爲默認情況下它們被設置爲指針。

+0

不適用於我,Ubuntu,Google Chrome – astropanic 2011-02-17 08:50:12

0

我得到它的工作改變類的一個,並且改變了jQuery $如下:

$(document).ready(function() { 
    $('a').click(function() { 
     $('body').css('cursor', 'wait'); 
     $(this).css('cursor', 'wait'); 
    }); 
}); 

然而,這將適用於所有已錨標記一個。你將需要指定你希望它應用的css類。

1

你只想在你的鏈接上等光標? 那麼爲什麼選擇身體和改變光標?!

$('a').css('cursor','wait'); 
0

,如果我理解正確的話,你想點擊一個鏈接(例如刪除項目),然後更改駿馬等到你的要求也多,將其恢復爲默認......

var c= confirm("Are you sure?"); 
if(c) 
{ 
    document.body.style.cursor="wait"; 
    $.post("delete.php?id=212",function(data){ 
     alert('I\'ve done it...'); 
     document.body.style.cursor="default"; 
    }); 
}