1

準備/サイズ変更イベントがiPadで機能しないのはなぜですか?それらはコンピューターでは動作しますが、iPadでは動作しません。誰かが私が間違ったことを知っていますか?

jQuery(document).on('ready', function() {
    jQuery(window).on('resize', function() {
        /* Tablet Portrait size to standard 960 (devices and browsers) */
        if (jQuery(window).width() < 960 && jQuery(window).width() > 768) {
           //change the attributes from the div #home_content (first parameter: the attribute, what it needs to be)
           jQuery('#home_content').attr('class','sixteen columns');
           jQuery('#slider').attr('class','sixteen columns');
        }
        else{
            jQuery('#home_content').attr('class','nine columns');
            jQuery('#slider').attr('class','nine columns');
        }

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        if(jQuery(window).width() < 767 && jQuery(window).width() > 480) {
            //code
        }
        else{

        }

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        if(jQuery(window).width() < 479) {
            //code
        }   
        else{

        }
    }).trigger('resize'); // Trigger resize handlers.       
});//ready
4

6 に答える 6

1

以下を確認してください

$(window).resize(function() {

alert("Window size changed");

});

高さと幅にアクセスするには、

$(window).width();

$(window).height();
于 2012-11-22T10:32:51.267 に答える
1

これを試して:

// Checks to see if the platform is strictly equal to iPad:
if (navigator.platform === 'iPad') {
    window.onorientationchange = function() {

        var orientation = window.orientation;

        // Look at the value of window.orientation:
        if (orientation === 0) {
            // iPad is in Portrait mode.

        } else if (orientation === 90) {
            // iPad is in Landscape mode. The screen is turned to the left.

        } else if (orientation === -90) {
            // iPad is in Landscape mode. The screen is turned to the right.

        } else if (orientation === 180) {
            // Upside down portrait.

        }
    }
}​

お役に立てれば!

于 2012-11-22T14:46:53.370 に答える
1

iPad の向きをキャプチャしようとしている場合は、次を使用する必要があります。

window.onorientationchange = function(e) { /* your code */ };

ウィンドウのサイズ変更イベントではなく。

于 2012-11-22T10:28:56.710 に答える
0

試してみてくださいjQuery(document).ready(function(){ alert('booya!') });

アラートが表示されたら、コードをその関数に入れます。また、Chromeのページにアクセスし、デベロッパーツールで組み込みのコンソールを表示してJavascriptエラーを確認します。

于 2012-11-22T10:32:15.100 に答える
0

今はうまくいきますが、

iPad では動作しない window.width() を使用したため、コードが動作しませんでした。それを document.width に変更したところ、動作するようになりました。:)

于 2012-11-23T09:28:27.523 に答える
0

私は解決策を見つけました: jQuery(window).width() の代わりに jQuery(document).width() を使用しましたが、私のスクリプトはうまくいけばすべてのデバイスで動作します:)
ご回答ありがとうございます!

于 2012-11-22T15:12:22.160 に答える