Блог

я использую список внутри диалогового окна с jquery, и моя проблема в том, что маркеры каждого элемента не отображаются, это связано с кодом.

http://jsfiddle.net/9J3gZ/1/

Я не вижу никаких проблем с кодом, вот почему у меня возник вопрос.

Из-за normalize.css (из js Fiddle) (строка 16);

 ol, ul {
    list-style: none outside none;
}
  

Смотрите: http://jsfiddle.net/9J3gZ/2 / (без флажка normalize css)

Если вы добавите CSS в свою демонстрацию на JSFiddle, это сработает:

 ol, ul {
    list-style:disc;
}
  

Однако, если снять флажок «Нормализовать CSS» в JSFiddle, он будет функционировать нормально.

Normalize.css, который включен (по крайней мере, через jsfiddle), использует list-style: none outside none;

Если вы хотите сохранить normalize.css , вы можете попробовать следующее:

 $(document).ready(initialize);

function initialize() {
    $("#dialog-modal").hide();
    $("#imageTAL").click(function () {
        $("#dialog-modal").html('');
        $("#dialog-modal").dialog( "destroy" );
        $("#dialog-modal").append(
          '<ul style="list-style:disc;">'
          '<li>No debe contener cuatro dígitos iguales. Ejemplo: 00001, 33331.</li>'
          '<li>No debe contener más de cuatro (4) números consecutivos, tanto al derecho como al revés. Ejemplo: 12341, 67891.'
          '<li>No debe contener datos de la cédula. Ejemplo: C.I.:147258369, clave no puede ser: 25836).</li>'
          '<li>No debe ser el año actual; ejemplo: 2011.</li>'
          '</ul>'        
        );
        $("#dialog-modal").dialog({
            height: 350,
            width: 400
        });
    });
}