2011-03-03 2 views
1

jquery.ui.datepicker를 사용할 때 내 페이지에 빈 div가 있습니다. 숨겨진 것이 아닙니다. 내가 코드 검사 불을 지르고를 사용jquery.ui.datepicker의 문제점

enter image description here

: 당신처럼 보이는 것을 볼 수 있습니다, 그것은 숨길 수 놈이야

<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

CSS 캐스 캐 이드 때문에 CSS에 DIV를 대상으로 표시해야한다는 다른 지침이 CSS에 있어야합니다. http://htmldog.com/guides/cssadvanced/specificity/

편집 방화범이 오버라이드 (override) 클래스를 보여줍니다 방법

예 : 방화범 당신은 CSS 특이성에이 기사를 읽어야

봐 가지고, 정확히 규칙을 무시하는 당신에게 말할 수있을 것입니다. 을 통해 당했다되지 않은 사람은 활성 클래스 : 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

+0

어떻게 그렇게 "방화범이되는 규칙 것은 그것을 무시 정확히 말할 수있을 것이다"다음은 높은 품질의 이미지입니까? 그게 내가 원하는거야. 그리고 그 링크를 열 수 없습니다. – Tom

+0

링크가 작동하고 붙여 넣기 복사가 수행됩니다. 방화 광이 보여주는 방법을 보여주는 이미지를 추가했습니다. – JohnP

+0

고마워요, 이미지가 sweet.Now 문제가 해결되면서, 나는 CSS의 가져 오기 순서를 바꿨습니다 : jquery.ui.core.css는 jquery.ui.datepicker.css 앞에 있어야합니다. 그리고 나는 GFW 뒤에 있기 때문에 프록시를 사용하여 링크에 액세스해야합니다. 이 기사는 매우 유용합니다. – Tom