问题jquery.ui.datepicker

时间:2011-03-03 07:25:35

标签: jquery jquery-ui datepicker

使用jquery.ui.datepicker时,我的页面中有一个空div。它没有被隐藏。你可以看到它的样子:

enter image description here

我使用firebug检查代码:

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-datepicker-div"></div>

我用萤火虫检查了css,它被隐藏了,css是:

.ui-datepicker {
    display: none;
    padding-bottom: 0;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    width: 17em;
}

但这一行: 的显示:无 是罢工。为什么会这样?我该如何解决这个问题?

感谢。

1 个答案:

答案 0 :(得分:1)

由于CSS级联,你必须在CSS中有一些针对该DIV的其他指令,并告诉它必须显示它。 Firebug将能够准确地告诉您哪个规则覆盖了它,看看

您应该阅读有关CSS特异性的文章:http://htmldog.com/guides/cssadvanced/specificity/

编辑

Firebug如何显示重写类的示例。那些没有被触及的是活跃的类:这是高质量的图像:http://i.stack.imgur.com/kJoQv.jpg

Example of how Firebug shows overridden classes. The ones that are not struck through is the active class