javascript - removeClass 不删除移动设备上的动画类？

Question

(function removeAnimation() {
    var $window = $(window),
    $html = $('html');
    if ($window.width() < 600) {
        alert("working");
        $('.animated').removeClass('animated');
        $('.slideInLeft').removeClass('slideInLeft');
        $('.fadeIn').removeClass('fadeIn');
        $('.fadeOut').removeClass('fadeOut');
        $('.bounce').removeClass('bounce');
    }
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hero-content">

		<div class="hero-text">
			<h1 class="animated slideInLeft">Ryan Klotz</h1>
			<h4 class="animated slideInLeft">Front-End Web Developer</h4>
		</div>

		<div class="animated fadeIn">
			<div class="animated fadeOut">
		  		<span 
          class="animated bounce glyphicon glyphicon-circle-arrow-down" aria-label="Scroll Down">                   </span>
		  	</div>
		</div>
    
</div>

我试图在用户移动时从内容中删除动画(这似乎会导致一个奇怪的错误)。我似乎无法弄清楚我对 jQuery 做错了什么。非常感谢任何帮助!

Answer 1

我可以通过稍微改变我的代码来让它工作:

$( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)");

    if (isMobile.matches) {
        $('.animated').removeClass('animated');
        $('.slideInLeft').removeClass('slideInLeft');
        $('.glyphicon').remove();    
    }
 });

感谢大家的评论!