Flickityで、スマホサイズの時は適用させないコード

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
現在、jQueryプラグインFlickityを使用して、スライダーを作成しています。

このプラグインを、500px以下の場合には停止させ、501px以上であれば動作させるように
したいと思っていますが、全てのサイズで動作してしまい、困っています。
初歩的な質問かとは思いますが、どうぞよろしくお願い致します。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

<script>		
$(function(){
$(window).on('load resize', function(){

 var w = $(window).width();
  var x = 500;
        if (w < x) {
		$('.slider').flickity('destroy')
        } else {
		$('.slider').flickity({
				//プラグインオプションを記入
                                     });
                }
                  })
	});
			</script>

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)

プラグインの公式サイト
https://flickity.metafizzy.co/api.html

Comments

[x_x]

問題が再現しませんでした。HTMLなどもう少し詳細な情報はないでしょうか？

[addonestep]

ただいま確認したところ、プラグインのオプションとcssの設定が合っていませんでした！ありがとうございました！

Answer 1

大変お騒がせしましたが、cssの設定に誤りがありました。