0

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

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

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

4

4 回答 4

1

这是您的问题的解决方案。

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

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

  .cursor{

        cursor:wait;
    }
于 2013-09-26T11:36:30.700 回答
1

只需在此处添加以下代码 示例。

(1) 如果所有链接都显示忙。

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

(2) 如果 CONTAINER 内的所有链接都显示忙。

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

(3) 如果整个(DOM) 页面中的所有链接都显示繁忙。

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

示例在这里。

于 2013-09-26T11:54:09.187 回答
0

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

$(document).css('cursor','wait');
于 2013-09-26T11:31:39.877 回答
0

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

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

您可以使用：

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

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

或者可能更好：

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

重置到以前的游标状态，因此不会覆盖其他游标更改。

于 2013-09-26T11:39:24.940 回答