Я сталкиваюсь с довольно глупой проблемой. У меня есть некоторые divs с разными атрибутами css для высоты, определенные в разных классах css (height1, height2 и т.д.). Для другой функции мне нужно получить эту высоту как целые числа в переменной JS, но всякий раз, когда я пытаюсь, m получает нуль или неизвестно, а консоль говорит "Размер окна" Неизвестное свойство ". Декларация отменена". (box1, box2 и т.д. являются идентификаторами div). Я попытался использовать функцию.css, я попытался использовать функцию.width() и style.height, и я не знаю, что еще, ничего не работает.
.dragableBox{
width:170px;
border:1px solid #000;
background-color:#FFF;
margin-bottom:5px;
padding:10px;
font-weight:bold;
text-align:center;
.hoehe1{
height:40px;
}
.hoehe2{
height:20px;
}
.hoehe3{
height:70px;
}
.hoehe4{
height:10px;
}
.hoehe5{
height:15px;
}
.hoehe6{
height:20px;
}
.hoehe7{
height:25px;
}
<div class="dragableBox hoehe1" id="box1">Box1</div>
<div class="dragableBox hoehe2" id="box2">Box2</div>
<div class="dragableBox hoehe3" id="box3">Box3</div>
<div class="dragableBox hoehe4" id="box4">Box4</div>
<div class="dragableBox hoehe5" id="box5">Box5</div>
<div class="dragableBox hoehe6" id="box6">Box6</div>
<div class="dragableBox hoehe7" id="box7">Box7</div>
<div class="dragableBox hoehe4" id="box8">Box8</div>
Это последнее, что я пробовал, что дает нуль.
var divAWidthNumber = $('#box1').width();
Я уверен, что есть причина, почему я не могу понять это правильно, но я не могу найти ее. (.css файл является внешним, но не должен быть проблемой, не так ли?)
Заранее спасибо. С наилучшими пожеланиями.
РЕДАКТИРОВАТЬ: ИЗБЕГАЙТЕ, Я НАШЕЛ ОШИБКУ, ЭТО БЫЛО ЧУВСТВУЮЩЕЕ МУЖНОЕ И МАЛОЕ НАХОДИТЬСЯ. СПАСИБО ВАС ВСЕГДА!
попробуй это:
var divAWidthNumber = $( '#box1' ).css( "width" );
или, может быть, проблема с браузером? ваш код работает отлично на jsfiddle...
Разве это не должно быть
var divAWidthNumber = $('#box1').height();
вместо "ширины"?
Попробуйте var divAWidthNumber = $('#box1').css('width');
Чтобы получить полную высоту элемента, включая отступы и поля, используйте это:
var divAWidthNumber = $('#box1').outerHeight();