#jquery
#jquery
Вопрос:
Обрабатывает ли jquery высоту упорядоченных списков? Я возвращаю значение NULL.
js
var highestCol = $('ol.mostrecent').height();
console.log(highestCol);
HTML
<ol class="mostpopular">
<li class="heading"><span class="item"></span><span class='desc'>Most Popular Topics</span></li>
<li class="first rank1 alt1"><span class='desc'><a href='/link/portal/8202/8390/Article/46/How-do-I-view-my-To-Do-List-items' class=contentLinks >How do I view my To Do List (items)?</a></span></li>
<li class="rank2 alt2"><span class='desc'><a href='/link/portal/8202/8390/Article/99/Do-I-have-to-complete-a-FAFSA-each-year' class=contentLinks >Do I have to complete a FAFSA each year?</a></span></li>
<li class="rank3 alt1"><span class='desc'><a href='/link/portal/8202/8390/Article/55/Find-or-Reset-Your-Password' class=contentLinks >Find or Reset Your Password </a></span></li>
<li class="rank4 alt2"><span class='desc'><a href='/link/portal/8202/8390/Article/219/Can-I-appeal-my-Financial-Aid-Denied-status-What-is-the-process' class=contentLinks >Can I appeal my Financial Aid Denied status? What is the process?</a></span></li>
<li class="rank5 alt1"><span class='desc'><a href='/link/portal/8202/8390/Article/104/Grants-Available-at-NOVA' class=contentLinks >Grants Available at NOVA!</a></span></li>
</ol>
<ol class="mostrecent">
<li class="heading"><span class="desc">Most Recent Topics</span></li>
<li class="first alt1"><span class='item'>9/15/2011</span><span class='desc'><a href="/link/portal/8202/8390/Article/232/What-does-NOVA-consider-a-full-time-or-a-part-time-student" class=contentLinks >What does NOVA consider a full-time or a part-time student?</a></span></li>
<li class="alt2"><span class='item'>9/15/2011</span><span class='desc'><a href="/link/portal/8202/8390/Article/228/Information-regarding-Veterans-Benefits" class=contentLinks >Information regarding Veterans Benefits</a></span></li>
<li class="alt1"><span class='item'>9/15/2011</span><span class='desc'><a href="/link/portal/8202/8390/Article/227/What-is-the-status-of-my-special-circumstances-request-My-financial-situation-has-not-changed" class=contentLinks >What is the status of my special circumstances request? My financial situation has not changed.</a></span></li>
<li class="alt2"><span class='item'>9/15/2011</span><span class='desc'><a href="/link/portal/8202/8390/Article/226/The-income-used-on-my-FAFSA-has-greatly-changed-from-that-tax-year-to-this-Is-there-anything-I-can-do" class=contentLinks >The income used on my FAFSA has greatly changed from that tax year to this. Is there anything I can do?</a></span></li>
<li class="alt1"><span class='item'>9/15/2011</span><span class='desc'><a href="/link/portal/8202/8390/Article/225/If-I-receive-a-scholarship-s-can-I-still-get-financial-aid-funding" class=contentLinks >If I receive a scholarship(s) can I still get financial aid funding?</a></span></li>
</ol>
Комментарии:
1. Вы уверены, что он выбирает что-то с помощью вашего селектора?
2. Вы знаете, что выбираете список с классом
mostrecent
, но ваш список классаmostpopular
.3. Можете ли вы проверить это здесь: все еще получаю null nvcc.edu/home/ssuh/faid/newindex.htm
Ответ №1:
Ваш код на этой странице выглядит следующим образом:
jQuery(document).ready(function ($) {
if (!$.trim($('h1').html()).length) {
$('h1').hide();
};
});
var highestCol = $("ol.mostrecent").height();
console.log(highestCol)
console.log("here");
Код, который измеряет высоту, находится за пределами (document).ready
блока — вы пытаетесь вычислить его высоту до рендеринга DOM. Это должно сработать:
jQuery(document).ready(function ($) {
if (!$.trim($('h1').html()).length) {
$('h1').hide();
};
var highestCol = $("ol.mostrecent").height();
console.log(highestCol)
console.log("here");
});
Комментарии:
1. Нет причин. Случается со всеми нами чаще, чем мы когда-либо признаем.