jQuery .css() 后备?

发布于 2024-10-03 21:43:25 字数 329 浏览 3 评论 0原文

使用 .css() 进行回退的正确方法是什么?这最常用于字体后备,但我将其用于光标图像。

这是我得到的不起作用的内容:

$("#dragable").css('cursor','url(images/grabbing.gif), -moz-grabbing, auto');

**更新:有人可以告诉我初学者的有效 CSS 吗?

我所拥有的:

cursor: url(images/grabbing.gif), -moz-grabbing, auto;

...不起作用。**

What is the proper way to do fallbacks with .css()? This would most commonly be used for font fallbacks but I am using it for cursor images.

Here's what I got that isn't working:

$("#dragable").css('cursor','url(images/grabbing.gif), -moz-grabbing, auto');

**UPDATE: can someone tell me the valid CSS for starters?

What I have:

cursor: url(images/grabbing.gif), -moz-grabbing, auto;

... doesn't work.**

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

九局 2024-10-10 21:43:25

使用动态内联样式并不总是一个好主意。考虑动态类。在 css 中的某处定义可拖动元素的特定类:

.cur-draggable { cursor: url(images/grabbing.gif), -moz-grabbing, auto; }

并尝试添加此类,而不是样式本身;

$("#dragable").addClass('cur-draggable');

Using dynamic inline styles not always a good idea. Consider dynamic classes. Define somewhere in css specific class for draggable element:

.cur-draggable { cursor: url(images/grabbing.gif), -moz-grabbing, auto; }

And try to add this class, instead of style itself;

$("#dragable").addClass('cur-draggable');
独守阴晴ぅ圆缺 2024-10-10 21:43:25

不知道为什么会破坏它,但这些值没有被写入 DOM。

不过, css() 函数实际上只是编辑元素上内联“style”属性的快捷方式,因此您可以这样做以获得相同的结果:

$("#dragable").attr('style','cursor: url(images/grabbing.gif), -moz-grabbing, auto');

Not sure why that breaks it, but the values aren't being written to the DOM.

Though, the css() function is really just a shortcut to editing the "style" attribute inline on the element, so you could do this to get the same result:

$("#dragable").attr('style','cursor: url(images/grabbing.gif), -moz-grabbing, auto');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文