У меня проблема с jQuery, которую я не могу понять.
Если я делаю console.log($(window).width()/2), я получаю числовое значение.
Если я делаю $('.modal_box').outerWidth(), я получаю числовое значение.
Однако, если я попытаюсь сделать console.log($(window).width()/2 - $('.modal_box').outerWidth()), я получу NaN. Если я сделаю то же самое уравнение, но заменю - на +, оно сработает.
Ширина окна всегда шире .modal_box.
Почему это могло быть? Это очень расстраивает.
Попробуй это
console.log(parseFloat($(window).width()/2) - parseFloat($('.modal_box').outerWidth()));
Я попробовал это так же, как и вы, и это работает хорошо, даже с отрицательными значениями (при вычитании с большим числом). Вот скрипта, а вот код:
$(document).ready(function(){
alert($('#someDiv').outerWidth());
alert($(window).width());
alert($('#someDiv').outerWidth() - $(window).width());
});
Я считаю, что ошибка кроется где-то в синтаксисе или, может быть, (длинный выстрел), если свойства css для ширины элемента не предоставлены.
Вот дополнительная информация:
Чтобы расположить его в центре экрана, '.modal_box' должен иметь 'position: absolute', быть прямым братом элемента body и иметь левое значение ($(window).width()/2) - ($('.modal_box').outerWidth()/2).
Имея дело с математикой и возвращаемыми ею значениями, я обычно предпочитаю явно анализировать значение до целого числа, чтобы получить только то значение, которое мне нужно. Мне также нравится делать код как можно более читабельным, например:
var w = parseInt($(window).width()/2);
var mb = parseInt($('.modal_box').outerWidth());
console.log(w - mb);
Таким образом, проще console.log() получить оба значения и понять, почему операция не возвращает число.
Ваше здоровье!
