Отключение скрипта на разрешениях меньше 1200px
Нужна помощь. У меня есть скрипт, нужно, чтобы он выполнялся, только когда ширина окна меньше 1200px. Как это сделать?
<script>
var hoverMouse = function ($el) {
$el.each(function () {
var $self = $(this);
var hover = false;
var offsetHoverMax = $self.attr("offset-hover-max") || 0.8;
var offsetHoverMin = $self.attr("offset-hover-min") || 0.75;
var attachEventsListener = function () {
$(window).on("mousemove", function (e) {
var hoverArea = hover ? offsetHoverMax : offsetHoverMin;
var cursor = {
x: e.clientX,
y: e.clientY + $(window).scrollTop()
};
var width = $self.outerWidth();
var height = $self.outerHeight();
var offset = $self.offset();
var elPos = {
x: offset.left + width / 2,
y: offset.top + height / 2
};
var x = cursor.x - elPos.x;
var y = cursor.y - elPos.y;
var dist = Math.sqrt(x * x + y * y);
var mutHover = false;
if (dist < width * hoverArea) {
mutHover = true;
if (!hover) {
hover = true;
}
onHover(x, y);
}
if (!mutHover && hover) {
onLeave();
hover = false;
}
});
};
var onHover = function (x, y) {
TweenMax.to($self, 0.4, {
x: x * 0.8,
y: y * 0.8,
rotation: x * 0.05,
ease: Power2.easeOut
});
};
var onLeave = function () {
TweenMax.to($self, 0.7, {
x: 0,
y: 0,
scale: 1,
rotation: 0,
ease: Elastic.easeOut.config(1.2, 0.4)
});
};
attachEventsListener();
});
};
hoverMouse($(".magnetic-button"));
</script>
|