今天遇到一个问题。
试图通过jquery,给某节点增加css属性,使其实现预期的样式表现。
但不生效。
但又用了别的方式实现。
试图通过jquery,给某节点增加css属性,使其实现预期的样式表现。
但不生效。
但又用了别的方式实现。
不生效的写法:
//这种写法不生效。
$dom.find("p.text-p").css("-webkit-line-clamp",3) ;
//或
$dom.find("p.text-p").css({"-webkit-line-clamp":3}) ;
生效了的写法:
//此处这个3,可以是个变量。
$dom.find("p.text-p").attr("style", "-webkit-line-clamp:" + 3);
注,这种情况只是css()方法对于某些特殊的css属性不生效,一般属性还是可以的。
猜测是直接改写dom结构,相当于写成了inline样式。即
<p style="xxxxxx">yyyy</p>
这样的形式。
相关博文
JavaScript,jQuery 的css方法无效是怎么回事