Question

我正在尝试根据窗口大小添加和删除一些类。

var windowSizing = function() {
    var $toggleClass;
    var $window = $(window);
    var $iconsContainer = $('.fragments-content > .icons-container');
    ($window.width() > 769) ? $iconsContainer.addClass('mob-only') : $iconsContainer.removeClass('mob-only');
    $window.resize(function(event) {
        ($window.width() > 769) ? $iconsContainer.addClass('mob-only') : $iconsContainer.removeClass('mob-only');
    });
};

我正在玩.mob-only，我想在三元手术中应用它。

还有其他方法吗？我错过了什么？

Answer 1

＆＃13;

var windowSizing = function() {
  var $toggleClass;
  var $window = $(window);
  var $iconsContainer = $('.fragments-content > .icons-container');
  ($window.width() > 500) ? $iconsContainer.addClass('mob-only'): $iconsContainer.removeClass('mob-only');
  $iconsContainer.html($window.width());
  $window.resize(function(event) {
    ($window.width() > 500) ? $iconsContainer.addClass('mob-only'): $iconsContainer.removeClass('mob-only');
    $iconsContainer.html($window.width());

  });
};

$(document).ready(function() {
  windowSizing();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="fragments-content">
  <div class="icons-container">Hello</div>
</div>

＆＃13;

您的代码很好可能会在您的页面中出现任何错误，请参阅小提琴中运行的代码

为什么我的三元表达不起作用？

1 个答案: