js中jquery添加css3属性时出现的问题
<!DOCTYPEhtml><html><head><scriptsrc="/jquery/jquery-1.11.1.min.js"></script><script>...
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("div").css({color:"blue",padding:"0px",backgroundColor:"lightgrey",border:"1px solid #ccc",width:"100px",height:"30px",worldWrap:"break-wrld",wordBreak:"break-all"}); //这个地方啊,有太多的css属性没有效果了,word-wrap,word-break等,还有其他的css3属性没有用上的,在jquery中也是没有效果啊;还有如果把这版的$("div").css({.....});改为$("div").animate({......})那就更夸张了,连color,background-color都没有用了!只有宽度和高度有用!这是什么情况啊!求解决啊!
});
</script>
</head>
<body>
<div>
<p style="padding:0px;margin:auto;">hello crazy world!</p>
</div>
</body>
</html> 展开
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("div").css({color:"blue",padding:"0px",backgroundColor:"lightgrey",border:"1px solid #ccc",width:"100px",height:"30px",worldWrap:"break-wrld",wordBreak:"break-all"}); //这个地方啊,有太多的css属性没有效果了,word-wrap,word-break等,还有其他的css3属性没有用上的,在jquery中也是没有效果啊;还有如果把这版的$("div").css({.....});改为$("div").animate({......})那就更夸张了,连color,background-color都没有用了!只有宽度和高度有用!这是什么情况啊!求解决啊!
});
</script>
</head>
<body>
<div>
<p style="padding:0px;margin:auto;">hello crazy world!</p>
</div>
</body>
</html> 展开
1个回答
展开全部
你可以先写一个
.d{color:"blue" padding:"0px" backgroundColor:"lightgrey" border:"1px solid #ccc" width:"100px" height:"30px" worldWrap:"break-wrld" wordBreak:"break-all"}
把class='d'加到div上,先测试下css有没有问题
如果没有问题,就用$("div").addClass("d");
这个方法加上。jquery直接用css()方法添加样式经常不好使
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询