2016-09-14 2 views
-1

私は大学のウェブサイトを作成しています。私は画面サイズをチェックするJavaScriptの行を作成しようとしています。画面のサイズが768以上であれば、大学のテンプレートで定義されているカラーボックスでイメージを開きたいと思っています。それ以外の場合は、画面のサイズが768未満の場合は、何もしません。画面のサイズを確認し、768px以上の場合は何かをしてください

は現在、それだけで

$(document).ready(function() { 
    function checkWidth() { 
     var windowSize = $(window).width(); 
     if (windowSize >= 768) { 
      WDN.initializePlugin('modal', [function() { 
      var $ = require('jquery'); 
       $(".group2").colorbox({rel:'group2', transition:"fade"}); 
      }]); 
     } 
    } 
    checkWidth(); 
    $(window).resize(checkWidth); 
});​ 
+5

あるべきトップ

にjqueryの輸入を移動

ので、$(document).ready()はエラー

がスローされますあなたの状態はあなたのWDNに問題がなければならない> = 768 – Webpandit

+1

すべきではありません。 initializePlugin私はそれにアラートを挿入する場合、私はresize関数がうまくいくと思います。 –

+0

WDN.InitializePluginの2番目のパラメータとして1つの関数を含む配列を渡すのは正しいですか?他のコードから、{configuartion objects}やそのようなオブジェクトの配列を渡している人がいるのがわかりました。 – Octopus

答えて

0

...どんな画面サイズ、何もしないと私はあなただけif状態の後requiringのjQueryをしている見ています。条件が

if (windowSize >= 768) {} 
+0

私は比較を修正しました。私がjqueryをどこか別の場所に移動すると、おそらく動作するでしょうか?おそらく$(document).ready(function()? – Abbey

+0

の前に置くとjquery $(document).ready()は失敗しますが、HTMLヘッドに入れないのはなぜですか? – Octopus

+0

私はdrupalを使用しています、私は頭にそれを置く方法がわからない:/ – Abbey

関連する問題