$(".mydiv").css('width', $(".image").width());
此代码正常运行,但我想让这个宽度变得重要,正确的方法是什么?
我尝试了这个,但它没有用
$(".mydiv").css('width', $(".image").width()+'!important');
(!重要)
答案 0 :(得分:6)
问题是由jQuery不理解!important属性引起的,因此无法应用规则。
您可以解决该问题,并通过addClass()引用它来应用规则:
.importantRule { width: 100px !important; }
$('#mydiv').addClass('importantRule');
或者使用attr():
$('#mydiv').attr('style', 'width: 100px !important');
供参考,请仔细阅读以下问题: - How to apply !important using .css()?
答案 1 :(得分:1)
试试这个
var previousStyle = $(".mydiv").attr('style')
$(".mydiv").attr('style', 'width:' + $(".image").width() + '!important; ' + previousStyle + '');
重要属性 $(document).ready(function(){ var previousStyle = $(“。mydiv”)。attr('style') $(“。mydiv”)。attr('style','width:'+ $(“。image”)。width()+'!important;'+ previousStyle +''); }) 校验
<html>
<head>
<title>Important Attribute</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var previousStyle = $(".mydiv").attr('style')
$(".mydiv").attr('style', 'width:' + $(".image").width() + '!important; ' + previousStyle + '');
})
</script>
</head>
<body>
<div class="mydiv" style="border: 1px solid black; width: 200px">check</div>
<div class="image" style="width: 280px"></div>
</body>
</html>
如果您检查并查看mydiv属性,则可以看到宽度和重要标记,如jquery语句中所述
答案 2 :(得分:0)
你必须改变 $( “图像”)。宽度()+ '!重要的' 与
$('.image').css('width');