0

jQueryのサイズ変更イベントのパラメーターにある関数内で作成された変数を返そうとしています。ユーザーがページのサイズを変更するたびに、変数を更新する必要があります。変数を使用して div ('.slide') の幅を作成したいと思います。そのため、ユーザーがブラウザのサイズを変更するたびに、.slide 要素をブラウザの幅に合わせたいと考えています。

$(window).resize(function(){
        var windowwidth = $(window).outerWidth();
        return windowwidth;
    })

ウィンドウ幅を使いたい

//To make each slide the width of the window 
var slideWidth = $('.slide').css("width", windowwidth)

ここでslideWidthを使用します

$('.slide').css('width', slideWidth);

他の場所で windowwidth を使用したい場合があります

width 100% を使用してみましたが、100% の左画像をフロートできませんでした。ページの幅全体を占めるスライド ショーを作成しようとしていました。

壊れたフィドル

回答ありがとうございますが、コードの他の部分で幅を使用する方法を示していないものもあります。サイズ変更部分のみを表示します。しかし、ほとんどの回答で幅を取得していない moveSlide() という別の部分があります。これまでのほとんどの回答で見られるのは、再利用できないことです。

4

7 に答える 7

1

これがあなたが探しているものですslideWidth。グローバルに宣言する必要はありません。$(window).width()サイズ変更時に現在のウィンドウ幅を見つけるために使用します。ワーキングフィドル。

于 2013-10-08T09:03:11.063 に答える
0

グローバルスコープで変数を宣言するだけです

var windowwidth=0;

$(window).resize(function(){
        windowwidth = $(window).outerWidth();
        return windowwidth;
    })
于 2013-10-08T08:43:19.167 に答える
0

そのためには、関数内でローカル変数を作成する代わりに、グローバル変数を作成してください!

または、 localStorage を使用して、以下のように特定の幅を保存できます:-

$.localStorage( 'foo', {data:'bar'} );

$.localStorage( 'foo' );
于 2013-10-08T08:40:59.640 に答える
0

ワーキングフィドル。

$(document).ready(function(){
  var windowwidth = $(window).outerWidth();

変数をwindowwidthグローバルにし、関数内の実際のウィンドウで初期化する必要があり$(document).readyます。var次に、関数内のウィンドウの前にあるを削除する必要があることに注意してください$(window).resize。それ以外の場合は、関数の外では使用できないローカル変数を使用します。

于 2013-10-08T08:41:11.893 に答える
0

関数のスコープ内にあると宣言windowWidthした後、グローバル スコープ内でアクセスしようとしていますが、機能しません。windowWidthグローバル スコープで宣言し、関数内で使用する必要があります。

デモを機能させるためにも同じことをしなければなりませんslideWidthでした。ここで実際に見ることができます：

JSFiddleデモ

于 2013-10-08T08:41:44.940 に答える