0

デスクトップとiPhone用に2つの異なるレイアウトを使用しているため、2つの異なるjsを使用しています.... iphoneの場合、キューブサイズを小さくする必要があるため....キューブサイズはjsから来ます....しかし、私は2つの異なるエラーが発生しています......

http://jsfiddle.net/YZYp5/24/

1つは2つの異なるjs関数です

$(document).ready(iphoneGallery.init);
$(document).ready(Gallery.init);

Uncaught ReferenceError: iphoneGallery が定義されていません

$(window).bind('resize', function() {
            location.reload();

            Gallery.setOptions({
                size: 78,
                lightbox: false,
                //animation:  'drop'
                //speed:      500,
                //closeOnEsc: true,
                //slideshow:  false,
                //slideshow_speed: 3000,
                //cube_speed: 1000
            });

        });


        $(window).bind('resize', function() {
            location.reload();

            iphoneGallery.setOptions({
                size: 78,
                lightbox: false,
                //animation:  'drop'
                //speed:      500,
                //closeOnEsc: true,
                //slideshow:  false,
                //slideshow_speed: 3000,
                //cube_speed: 1000
            });

        });
4

1 に答える 1

0

常に両方を呼び出すことによって

$(document).ready(iphoneGallery.init);
$(document).ready(Gallery.init);

モバイルブラウザでなくても、常にiphoneGalleryを初期化しようとします。おそらく画面幅に応じて、そのうちの1つだけを初期化する必要があります。

また、iphoneGallery定義はイベントリスナー内にあり、意味がありません。

編集：

私はそれを修正しようとしました、これを見てください: http://jsfiddle.net/YZYp5/25/

于 2013-03-20T21:01:32.940 に答える