javascript - jQuery:addClass 只添加一次

我有一个 addClass 和 removeClass 函数在窗口调整大小上运行，使用 if else 语句。标记如下:

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

//Every resize of window
$(window).resize(function() {
  resize();
});

//Dynamically assign height
function resize() {
  // Handler for .ready() called.
    var windowWidth = $(window).width(),
        windowHeight = $(window).height(),
        windowHeight = windowWidth / 1.7777;

        var loadwindowHeight = $(window).height(),
            loadspriteHeight = $('.spritespin-canvas').height();

            if(loadspriteHeight < loadwindowHeight) {
                $('.spritespin-canvas').addClass('height');
            } else {
                $('.spritespin-canvas').removeClass('height');
            }

}

唯一的问题是，当您调整窗口大小时，它会不断重复添加和删除类，是否可以运行一次 addClass 和 removeClass 函数？任何建议将不胜感激!

最佳答案

您可以使用 .hasClass 。

var hasHeightClass = $('.spritespin-canvas').hasClass('height');
if (loadspriteHeight < loadwindowHeight && !hasHeightClass) {
    $('.spritespin-canvas').addClass('height');
} else if (hasClass) {
    $('.spritespin-canvas').removeClass('height');
}

关于javascript - jQuery:addClass 只添加一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34207021/