Question

我编写了一个简单的javascipt，当用户点击某事时，做一些事情。我也想要改变光标，所以我添加了这个

<script>
    $(document).ready(function() {            
        $(".targetClass").click(function () {
            $('#loaderImage').show();
            //this is the line i add
            $('.container').css('cursor','wait');                
        });
    });
</script>

它有效。但是如果我将光标放在链接上，光标将再次变为“指针”值。我必须这样做光标，点击后保持等待值（即使我把它放在页面的任何元素）？ THX !!

Answer 1

here 是您问题的解决方案。

使用指针等待创建一个类，并在单击它时将其添加到按钮/链接。

$(document).ready(function() {            
    $(".targetClass").click(function () {
        //$('#loaderImage').show();
        //this is the line i add
        $('.container').css('cursor','wait');                
       $(this).addClass('cursor');
    });
});

  .cursor{

        cursor:wait;
    }

Answer 2

只需添加以下代码EXAMPLE HERE.

（1）如果所有链接都显示忙碌。

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

（2）如果CONTAINER中的所有链接显示忙碌。

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

（3）如果整个（DOM）页面中的所有链接都显示忙碌。

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

<强> EXAMPLE HERE.

Answer 3

将以下内容添加到函数中：

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

Answer 4

容器中的每个元素都会覆盖光标等待它的默认行为。您必须将光标等待设置为所有元素。

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

您可以使用：

$('*').css('cursor','auto');

将所有内容再次设置为默认值。

或者可能更好：

$('*').css('cursor','');

重置为上一个游标状态，因此不会覆盖其他游标更改。

用javascript更改游标属性

4 个答案: