为什么这个清单没有子弹

时间:2011-06-06 15:33:29

标签: jquery jquery-ui

我在jquery的对话框中使用了一个列表,我的问题是每个元素的子弹都没有出现,这是代码关联。

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

我没有看到代码有任何问题,这就是我有问题的原因。

3 个答案:

答案 0 :(得分:5)

因为normalize.css(js小提琴)(第16行);

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

请参阅:http://jsfiddle.net/9J3gZ/2/(没有normalize css复选框)

答案 1 :(得分:1)

如果您在JSFiddle上为您的演示添加CSS,它可以工作:

ol, ul {
    list-style:disc;
}

但是,取消选中JSFiddle上的“Normalize CSS”复选框将使其正常运行。

答案 2 :(得分:1)

包含的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
        });
    });
}