Javascript 用jQuery重写内联CSS
HTML:Javascript 用jQuery重写内联CSS,javascript,jquery,Javascript,Jquery,HTML: <div id="myDiv"> //Some content </div> 但该div已经具有内联样式 Transform: translate3d(0px, 0px, 0px) 当我通过jQuery分配css时,它不接受 $(“#myDiv”).css("transform", "matrix(1, 0, 0, 1, 461, 300)"); 如何解决这个问题 更新: <div id="myDiv"> //Some content
<div id="myDiv">
//Some content
</div>
但该div已经具有内联样式
Transform: translate3d(0px, 0px, 0px)
当我通过jQuery分配css时,它不接受
$(“#myDiv”).css("transform", "matrix(1, 0, 0, 1, 461, 300)");
如何解决这个问题
更新:
<div id="myDiv">
//Some content
</div>
我还使用了页面底部的JS文件(即
标记下方)。我已经在$(window.load(function(){})事件中编写了代码,它正在应用。
但由于位置互换,我有闪烁效果。尝试添加
!css规则的重要信息,如:
$(“#myDiv”).css("transform", "matrix(1, 0, 0, 1, 461, 300) !important");
看看这个:
setTimeout(function(){
$("#myDiv").css("transform", "matrix(1, 0, 0, 1, 461, 300)");
}, 1000);
我将超时设置为能够看到更改
我想说的是,问题是因为在#myDiv附近有一个奇怪的引号。选择器中有错误的引号:$(“#myDiv”)
css(“变换”、“矩阵(1,0,0,1461300)”代码>现在对我来说很好:
样本
你能为你的问题创建一个类,这样我就可以看到更广泛的范围吗?为什么不为它创建一个类,并使用.addClass()
?你可以替换整个属性:(“#myDiv”).attr(“style”,“transform:matrix(1,0,0,1461300)”
It Work for me check jQuery只使用常规JS设置样式,如element.style中的样式,并且实际上插入了内联样式,因此使用javascript设置与任何已内联样式相同的CSS属性将覆盖内联样式,并且使用javascript添加的样式将显示。唯一不容易覆盖的样式是样式表中设置的样式!重要的。如果它不起作用,则表示您在做其他错误的事情,如语法不正确。!重要信息
在使用JQuery时不受支持。此外,内联css覆盖css类,您无法添加!对javascript中的CSS很重要,至少不是这样