【发布时间】:2013-11-07 12:39:14
【问题描述】:
我觉得应该是一个非常简单的任务。
在 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 设计)。
现在,我什至不确定我是否应该走这条路,但如果我应该,我也不确定语法对我的期望......
【问题讨论】:
-
@SLaks 它说:
An animated PNG or GIF will not create an animated cursor.:S 好吧,这就是我的答案。谢谢你。附:请回答,我会接受的。