Question

如何更改链接元素的光标css属性，所以当用户点击该链接时，光标从指针切换到等待？

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

这样可行，但我必须用鼠标从链接移动才能看到等待指示灯，当我将光标留在链接上时，我仍然会看到指针。

如何在不移动光标的情况下完成这项工作？

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

也将当前链接的属性更改为等待光标，因为默认情况下它们被设置为指针。

Answer 2

您只想在链接上等待光标吗？那为什么选择身体并更换光标？！

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

Answer 3

试试这个（未经测试）：

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

Answer 4

我让它改变了a的类，并将jquery更改为$，如下所示：

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

但是，这适用于所有锚标签a。您需要指定要应用的css类。

Answer 5

如果我理解正确，你想要点击一个链接（例如删除一个项目），然后更改courser等到你的请求完成后，将其恢复为默认值...

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

jQuery更改光标点击链接

5 个答案: