我不能让jQuery更新一个DIV对象的“边距-右”属性。有什么想法吗？
我不能让jQuery更新一个DIV对象的“边距-右”属性。有什么想法吗？
提问于 2011-09-06 21:28:17
.fooBar {
float: left;
display:inline-block;
height: 600px;
margin-right: 0px;
}
$('.fooBar').click(function(){
$(this).css('margin-right', '20px');
});我有一堆浮动的水平布局的div对象。我有一个按键，可以让它们实时地间隔开。您可以看到我正在使用的jQuery代码行。
然而，它似乎不起作用……完全没有。关于如何动态更改div的边距右属性有什么想法吗？
编辑:这是标记：
<div class="fooBar" style="width: 200px;" ><image src="../work/test1.jpg"></div>
<div class="fooBar" style="width: 210px;" ><image src="../work/test2.jpg"></div>
<div class="fooBar" style="width: 450px;" ><image src="../work/test3.jpg"></div>
<div class="fooBar" style="width: 610px;" ><image src="../work/test4.jpg"></div>编辑#2:删除无关的'inline-block‘似乎已经解决了这个问题。谢谢大家！
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-09-06 21:32:29
显示和浮动样式是相互排斥的(据我所知)，所以你可以开始修复它。
Stack Overflow用户
发布于 2011-09-06 21:32:32
我有预感是因为连字符。我认为有一些像marginRight这样的伪别名“魔法字符串”可能会起作用，试一下吧。我以前见过并在使用jQuery/JavaScript访问时使用过backgroundColor，而CSS等效项应该是背景色。
Stack Overflow用户
发布于 2011-09-06 22:07:45
对于未分配width的元素，Float和margin将无法正常工作。
给.fooBar一个width，它应该可以工作。
另外，删除display:inline-block;
下面是一个有效的示例：http://jsfiddle.net/jasongennaro/2fkx7/
注意:我使用了margin-left，因为您在示例中看不到对margin-right的更改...因为元素的右边没有任何东西。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7320695
复制相关文章
相似问题
腾讯云开发者
