0

こんにちは、スライダーにボタンを付けたいスライダーを作成しました。これは次のようになりますSlider Div **Width** 変更前

次のコードでスライダーへのボタンを作成しました。すべてが良さそうです

#sliderdiv 
{
    top:30%;     
    right: -2px; 
    position:fixed;
    width:300px;
    height:270px;
    margin-right: -300px;
}
#buttondiv
{                  
    height:110px;
    width:40px;
    background:aqua;
    position:absolute;
    float:left;
    margin-left: -39px;                                     
}

<div id="sliderdiv">
    <div id="buttondiv">
    </div>
</div>

スライダーの幅が変わると、ボタンはこのようにそこから移動しますスライダー幅変更時

これは、ボタン div に指定したmargin-leftの値が原因であることがわかっています。スライダー div が自動的に変更された場合でも、正しく配置する方法はありますか?

または、ギャップなしで、ボタンの div 値を変更せずにボタンをスライダー div に配置する方法はありますか?

ありがとう...

これがフィドルhttp://jsfiddle.net/sNgxR/3/です

4

1 に答える 1

1

これをチェックしてください：

var mywidth = $("#buttondiv").width();
$("#buttondiv").css("margin-left", -mywidth);

http://jsfiddle.net/sNgxR/4/

ボタンの幅を編集して実行を押します。

スライダーの値を変更すると正常に動作します

于 2013-06-18T10:29:10.693 に答える