2016-05-05 6 views
0

私は携帯端末の「サイズ変更」の代替手段は何ですか?

デスクトップ上のWebブラウザでイベントをトリガしようとしています
$(window).trigger('resize'); 

問題は、それがトリガされていないようですモバイルです。モバイルの代替方法はありますか?

グリッド用のtablesawプラグインを使用しています。画面のサイズが小さい場合、列が収まらないため、スワイプがその間を移動するために提供されます。並べ替えると、すべての列が絞り込まれ、小さな画面に表示されますが、resizeイベントをトリガーすると、プラグインのイベントが呼び出され、イベントが修正されます。モバイルでは、このイベントは存在しません。私はその方向をターゲットにしていないと思います。

+4

携帯にサイズを変更?あなたは何をしようとしているのですか?あなたは 'onOrientationChange'イベントを探していますか? – WillardSolutions

+0

これは参考になるかもしれません:[モバイルでのサイズ変更イベント](http://www.quirksmode.org/dom/events/resize_mobile.html) – showdev

答えて

1

本のバリエーション(JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?

これはリサイズとorientchange上で実行されます。

var waitForFinalEvent=function(){var b={};return function(c,d,a){a||(a="THISPAGE");b[a]&&clearTimeout(b[a]);b[a]=setTimeout(c,d)}}(); 
var fullDateString = new Date(); 

$(document).ready(function(){ 

    $.resized = function(){ 

    waitForFinalEvent(function(){ 
     //function to run 

     }, 300, fullDateString.getTime()) 
    } 

    window.addEventListener("orientationchange", function() { 
     $.resized(); 
    }); 

    $(window).resize(function() { 
     $.resized(); 
    }); 

    $.resized(); 

    }); 
+0

プラグインのメソッドにアクセスできません。それは私的です。 –

0
window.dispatchEvent(new Event('resize')); 
+0

説明を追加したり、ドキュメントへのリンクを追加できますか?説明なしでちょうどコードは非常に有用ではありません - それはOPを助けるかもしれませんが、おそらく将来の訪問者を助けることはありません。 –

+0

このコードは機能しませんでした –

関連する問題