div で動的に幅を設定しようとしています。これは、Safari、Chrome、および Firefox では正しく機能しますが、IE8 では機能しません。これは、スライダー機能に jQuery UI を使用しています。これまでの私のコードは次のとおりです。
var ourStoryPosts = $(".ourStory .grid_12mod").children();
var ourStoryLength = ourStoryPosts.length;
var ourStoryWidth = $(ourStoryPosts[2]).outerWidth(true);
var ourStoryWrapperWidth = ourStoryLength * ourStoryWidth;
var maxSlider = ourStoryWrapperWidth - 1020;
$(".ourStory .grid_12mod").width(ourStoryWrapperWidth);
$(".ourStorySlider").slider({
step: 1,
max: maxSlider,
slide: function( event, ui) {
$(".ourStory").css({
"left" : -ui.value
});
}
});
ご覧のとおり、変数を使用してこれらの値を設定しています。width()
メソッドが期待どおりに機能していません。
コンストラクターを使用しString()
て明示的に文字列にキャストしようとしました。+ "px"
式の最後にも使ってみました。毎回、div が に設定されてい0px
ます。これが正しく機能しないのはなぜですか?