Как вы контролируете номер упорядоченного списка HTML из jQuery? - PullRequest
Новая
       21

Как вы контролируете номер упорядоченного списка HTML из jQuery?

0 голосов
/ 26 ноября 2009

В настоящее время у меня есть следующий HTML, который не отображает упорядоченный список должным образом в IE7: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
li {
  min-height: 20px;
}
</style>

<ol id='id-booking-steps'>
  <li>Stackoverflow</li>
  <li>Superuser</li>
  <li>Serverfault</li>
</ol>

Вывод выглядит следующим образом: 

1. Stackoverflow
1. Superuser
1. Serverfault

Если я уберу минимальную высоту, то все в порядке. Предполагая, что я не могу коснуться минимальной высоты, есть ли способ сделать так, чтобы номер упорядоченного списка отображался правильно, используя jQuery?

Ответы [ 2 ]

3 голосов
/ 26 ноября 2009

Смотрите это http://haslayout.net/css/No-Increase-on--ol--Numbers-Bug.

Очевидно, исправление заключается в добавлении стиля display : list-item к li. JQuery не требуется.

1 голос
/ 26 ноября 2009

Попробуйте это: 

   <ol>
    <li value="30"> makes this list item number 30.
    <li value="40"> makes this list item number 40.
    <li> makes this list item number 41.
    </ol>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...