add remove class on resize window
عندما يكون التصميم متجاوب لاحجام الشاشات نواجة بعض المشاكل حسب كل تصميم و نريد الغاء او اضافة اسايل معين في وقت معين من هنا يمكننا حل هذة المشكلة باضافة او الغاء كلاس في حجم معين من الشاشة
jQuery
$(function () { $(window).bind("resize", function () { if ($(this).width() <= 500) { $('div').addClass('yourClassName'); } else { $('div').removeClass('yourClassName'); } }).trigger('resize'); })
angularJS
app.directive('resizer', ['$window', function ($window) { return { restrict: 'A', link: function (scope, elem, attrs) { angular.element($window).on('resize', function () { $window.innerWidth <= 500 ? elem.addClass('yourClassName') : elem.removeClass('yourClassName') }); } } }]);