jquery - closest() 関数が機能していません。なぜですか?

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

コードをコピーして貼り付けましたが、動作します:s jQuery ライブラリが含まれていることを確認position: relative;してください。.slider

Answer 3

これを試して：

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