jquery - 最近的（）函数不起作用，为什么？

Question

HTML：

<div class="slider">
    <div class="button-wrap">
        <div class="content-wrap" id="button-1">one contents</div>
        <div class="controller">
            <div><a mce_href="#buttton-1" href="#buttton-1">button one </a>
            </div>
        </div>
    </div>
</div>

jQuery：

$('#button-1').closest('.slider').css({'left':'-1200px'});

这是行不通的。

到目前为止我有这个脚本

<script>
jQuery(function($){
        $('#button-1').closest('.slider').css({'background':'#f00 !important'});
        $('#button-2').closest('.slider').css({'left':'-1200px !important'});
}
</script>

Answer 1

.slider元素需要有位置absolute或使用属性relative定位。left

添加以下CSS：

.slider{
    position: relative; //or absolute
}

工作示例：http: //jsfiddle.net/U96gB/

Answer 2

Remove !important，它可以在你的小提琴中工作 - jQuery.css()在那部分被绊倒了。

这个问题的一些背景可以在这个答案中找到：https ://stackoverflow.com/a/2655976/613004

!important不需要覆盖样式表中的其他样式，因为 jQuery 应用了所有.css()用作内联样式的声明，这将比样式表中的任何声明具有更高的特异性（参见：https ://stackoverflow.com/a/11934505/613004 for更多关于特异性计算。）

Answer 3

我已经复制/粘贴了你的代码，它可以工作：s 确保你已经包含了 jQuery 库，也许你忘记position: relative;了你的.slider

Answer 4

尝试这个：

$('#button-1').closest('.slider').css({'margin-left':'-1200px'});