jquery - 为什么用于更改鼠标光标的 url 路径在 jQuery 中不起作用？我应该使用它吗？

Question

我觉得应该是一个非常简单的任务。

在 AJAX 调用期间，我需要鼠标光标来显示加载。

没问题，像 $(body).css("cursor", "progress") 这样的简单更改就可以完成。

但是，我在我正在研究的其中一个页面上读到一条评论，它建议使用自定义加载程序可能更好，这样用户就可以轻松区分操作系统告诉他们等待，而不是我的网站告诉他们等待。

这对我来说似乎很有意义，所以我尝试使用我自己的(动画)gif，我很快从这里抓到了:http://ajaxload.info/

并且我将其存储在我网站上的Images 文件夹中(该路径已多次检查错误)。

这是我遇到麻烦的地方。当我尝试在 .css jQuery 调用中使用 url() 时，它似乎找不到它。

我第一次使用:

$("body").css("cursor", "url(/Images/Cursor_Loading/CustomLoader.gif)");

然后添加了一些引号:

$("body").css("cursor", "url('/Images/Cursor_Loading/CustomLoader.gif')");

但这也没有用。

接下来，我开始尝试查找我再次确定的内容，这只是我的一些简单的语法错误。我查看了以下网站，但没有一个对我有帮助:

Custom cursor interaction point - CSS / JQuery

Setting background-image using jQuery CSS property

Changing cursor to waiting in javascript/jquery

我确信这一定很简单，但现在我不确定这是否是更好的选择，考虑到我读到有一些这可能甚至不起作用的实例(比如例如，FireFox + MAC 设备)。

现在，我不确定我是否应该走这条路，但如果我应该，我也不确定语法对我的期望是什么......

Answer 1

You can't do that .

ANI is not supported. An animated PNG or GIF will not create an animated cursor.

此外，您需要在 url 后放置一个 fallback 关键字。