jquery show가 기본값으로 숨겨져 있지 않음

-1

나는이 간단한 jquery 예제를 가지고 있습니다 : http://jsfiddle.net/clifgray/NTd95/1/ 그리고 jsfiddle에서 정확하게 원하는대로 작동합니다. 코드에 약간의 차이가있는 웹 페이지에서 구현할 때 기존의 일부 내용을 제외하고 jquery 섹션의 기본값은 숨겨진 div의 내용을 표시하는 것입니다. 그것은 내가 숨기기를 클릭 할 때 여전히 작동하고 괜찮아 보이고 숨길 수는 있지만 웹 페이지를 시작할 때 숨길 수 있기를 원합니다.jquery show가 기본값으로 숨겨져 있지 않음

이런 일이 발생했다고 생각할만한 이유가 있습니까?

출처

2012-07-09 clifgray

기존 conten을 볼 수 있습니까? 티? – wkm

_ "약간의 차이"_ - 분명히 이러한 차이점이 중요하므로 더 많은 코드를 표시해야합니다. 바이올린과 동일한 스타일이 웹 페이지에 정의되어 있습니까? – nnnnnn

CSS가 관련 'div'를 'display : none'으로 설정하면 표시되지 않아야합니다. 그것이 그렇다면, 그 중 하나가 다른 것을 보여 주거나 다른 어떤 곳에서 오는 스타일링이 더 높은 특이성을 가지고 있으므로 당신을 덮어 씁니다. – Zhihao

당신이 가지고있는 문제는 모두 div의 담요 CSS 규칙을 타겟팅하려는 div에 국한되지 않고 사용하고 있는지 여부입니다. 이에 CSS 규칙을

$("#box1, #box2").hide();

을 ... 또는 변경 :

div#box1, div#box2 { background:#def3ca; margin:3px; width:80px; display:none; float:left; text-align:center; }

내 생각 엔 어딘가 페이지에 당신이 당신의 자바 스크립트 전에이 추가 none

에서 거리 표시를 변경해야한다는 것입니다

... 또는이 인라인을 html로 추가하십시오.

<div id="box1" style="display:none">

출처

2012-07-09 23:03:17 JoeCortopassi

덕분에 완벽하게 작동합니다. 나는 첫 번째 해결책을 사용했는데, 친구가 CSS를 작성했기 때문에 처음에는 찾을 수 없었던 포괄적 CSS 규칙이었다. – clifgray

jquery show가 기본값으로 숨겨져 있지 않음

답변

관련 문제