使用 Firefox 时 jQuery 会忽略非 Mozilla CSS3 转换
我正在尝试使用 jQuery 将 CSS3 转换添加到元素。我正在使用 Firefox 5 来测试我的代码。我的目标是通过为不同浏览器添加多个版本的过渡来最大限度地提高浏览器兼容性。以下是我正在使用的代码：
$('#element_name').css('-webkit-transform', 'rotate(45deg)');
$('#element_name').css('-moz-transform', 'rotate(45deg)');
$('#element_name').css('transform', 'rotate(45deg)');
当我使用 Firebug 查看生成的 HTML 时，我发现只有 -moz-transform 已添加到该元素的内联 CSS 中。该 CSS 在 Firefox 中运行良好，但我还需要添加其他行。我假设如果我在 Safari 中查看页面，它将显示 -webkit-transform 行，但这不足以满足我的项目要求。无论浏览器如何，我都需要同时添加所有不同的 CSS 转换线。
有什么方法可以强制 jQuery 使用它们吗？也许有某种配置设置可以告诉 jQuery 不要关心当前的浏览器？
I am trying to add CSS3 transforms to an element using jQuery. I am using Firefox 5 to test my code. My goal is to maximize browser compatibility by adding multiple versions of the transition for different browsers. Here is the code I'm using:
$('#element_name').css('-webkit-transform', 'rotate(45deg)');
$('#element_name').css('-moz-transform', 'rotate(45deg)');
$('#element_name').css('transform', 'rotate(45deg)');
When I view the resultant HTML using Firebug, I observe that only the -moz-transform has been added to the inline CSS for the element. This CSS works fine in Firefox, but I need the other lines added as well. I'm assuming that if I view the page in Safari it will display the -webkit-transform line, but that's not good enough for my project requirements. I need all of the different CSS transform lines to be added at the same time regardless of the browser.
Is there some way I can force jQuery to use them all? Perhaps there's some sort of configuration setting to tell jQuery not to care about the current browser?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这不是由 jQuery 引起的。 jQuery 不会预先检查某个属性在浏览器中是否可用。
Firebug 不会向您显示未知属性，因为浏览器在未知属性时不会应用它们。这是一种不触发错误的无效赋值。
分配无效的 css 属性可能只会在 Firebugs 控制台中引起警告，您可以通过从控制台菜单中选择“显示 CSS 错误”选项来选择显示它们。
This is not caused by jQuery. jQuery makes no pre-check if a property is available in a browser.
Firebug will not show you the unknown properties, because the browser will not apply them when they are unknown. It's a kind of invalid assignment without triggering an error.
Assigning of invalid css-properties may only cause a warning in firebugs console, you can choose to show them by selecting the "show CSS-errors"-option from the console-menu).
您使用什么版本的 Firefox？您是否尝试暂时删除 -moz-transform 声明并看看会发生什么？
我不确定，但有时萤火虫只显示第一个有用的声明。
What version of Firefox are you using? Did you try to temporary remove the -moz-transform declaration and see what happens?
I'm not sure, but sometimes firebug shows only the first useful declaration.