ウィンドウサイズに応じてクラスを削除

Question

前提・実現したいこと

ウィンドウのサイズが480以上になったらスクロールしてフェードインするクラス（fade-in,fade-in-up,fade-in-left,scroll-in）を削除したいのですがうまくいきません。原因がわかればご教示いただけますと助かります。

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

エラーメッセージ

該当のソースコード

<script type="text/javascript">
     $(window).resize(function() {
         var x = $(window).width();
         var y = 480;
         if (x >= y) {
             $('.pc').removeClass('fade-in,fade-in-up,fade-in-left,scroll-in');
         }
     });
 </script>

``````html
<article class="fade-in fade-in-up pc">
	<ul>
		<li><a href="section02.html">○○○○</a></li>
		<li><a href="section02.html"><img src="../images/02.svg" /></a></li>
		<li>○○○○○○○○</li>
		<li class="fade-in fade-in-left pc"><a href="section02.html">more</a></li>
	</ul>
</article>

試したこと

ローカルで見たりサーバに上げてみたり、クラスではなくIDにしてみたり、クラスを複数ではなく１つだけ指定してみたりしました。またremoveではなく逆にaddで480以下を指定してみましたが、うまくいきませんでした。

補足情報（FW/ツールのバージョンなど）

javascriptは直接headに入れています。

Comments

[m.ts10806]

htmlもマークダウン正しくしてください。
https://teratail.com/questions/238564

>javascriptは直接headに入れています
それもきちんとコードとして提示してください。
文章説明では何も伝わりません。

[kei344]

エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error

[MYamasa]

早速ご回答いただきありがとうございます。すいませんでした。コードとして提示するという方法がわからずいただいたURLを参照して試してみたいと思います。なお、デベロッパーツールで見たところエラーは出ていませんでした。試しにresizeをresiseとしてみたらエラー自体は出たので見ているところが間違っていたりということはないようですが・・。

[m.ts10806]

質問は編集できます。
こちらは回答ではなく質問への追記修正依頼のコメント欄です

Answer 1

removeClassの指定方法に問題があるのではないでしょうか。

【.removeClass() | jQuery API Documentation】
https://api.jquery.com/removeClass/

【.removeClass() | jQuery UI 1.10 日本語リファレンス | js STUDIO】
http://js.studio-kingdom.com/jqueryui/method_overrides/remove_class

マッチした要素セットに削除したいclass名を、1つまたは複数の場合はスペース区切りで指定します。

Comments

[MYamasa]

早速丁寧なご回答いただきありがとうございます。いただいたサイトを参考に以下のようにスペース区切りにしいてみましたが変化がありませんでした・・もう少しいろいろ試してみたいと思います。
$(".pc").removeClass("fade-in fade-in-up fade-in-left scroll-in");