Jquery .show ()는 숨겨진 가시성을 가진 div를 표시하지 않습니다.
기본적인 jQuery 질문 :
div
jQuery를 사용하여 숨겨진 것으로 표시된 을 공개하려고합니다 . 그러나 그것을 얻지 못하고 있습니다.
여기에 JSFiddle을 만들었습니다 : http://jsfiddle.net/VwjxJ/
기본적으로 숨겨진 요소의 공간을 유지 하기 style="visibility: hidden;"
보다는 사용 style="display: none;"
하고 싶습니다.
사용하여 시도했다 show()
, fadeIn()
등등하지만 어느 작업 (그들이 할 style="display: none;"
)
내가 도대체 뭘 잘못하고있는 겁니까?
숨긴 경우 visibility:hidden
jQuery로 표시 할 수 있습니다.
$(".Deposit").css('visibility', 'visible');
그리고 바이올린에는 jQuery가 없습니다. 다음은 데모입니다. http://jsfiddle.net/9Z6nt/20/
JQuery 문서에 따르면 .show()
" .css('display', 'block')
표시 속성이 처음에 있던대로 복원된다는 점을 제외 하면를 호출하는 것과 거의 동일합니다 ." 대신 명시 적으로 스타일을 설정하십시오. CSS 클래스를 사용할 수 있습니다.
.hidden{
visibility: hidden;
}
.shown{
visibility: visible;
}
세트는
$("#yourdiv").removeClass("hidden").addClass("shown");
숨겨진 요소의 공간을 유지하려면 불투명도를 사용하십시오.
즉 :
$('div').fadeTo(500,1) //show
$('div').fadeTo(500,0) //hide
예를 들면 :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style='opacity:0'>
Test opacity
</div>
<button onclick="$('div').fadeTo(500,1);">Show</button>
<button onclick="$('div').fadeTo(500,0);">Hide</button>
Hey man your fiddle is working just choose framework jQuery on the fiddle. 안녕하세요. 가시성이 숨겨진 경우 css 가시성 속성을 visible로 변경하십시오.
(".Deposit").css('visibility','visible');
여기 우리가 간다 :)
$(".Deposit").show();
$(".Deposit").fadeOut(500,function(){
$(this).css({"display":"block","visibility":"hidden"});
});
$(".Deposit").show();
$(".Deposit").fadeTo(500,0);
'Development Tip' 카테고리의 다른 글
Html.BeginForm ()으로 폼의 이름을 어떻게 지정할 수 있습니까? (0) | 2020.10.16 |
---|---|
VS2010은 Windows 64 비트 버전의 WinForms 응용 프로그램에서 처리되지 않은 예외 메시지를 표시하지 않습니다. (0) | 2020.10.16 |
Xcode의 모든 예외 중단 점을 사용할 때 특정 예외를 무시합니다. (0) | 2020.10.16 |
부트 스트랩-화면 크기가 더 작을 때 패딩 또는 여백 제거 (0) | 2020.10.16 |
signed int가 아닌 unsigned를 사용하면 버그가 발생할 가능성이 더 큽니까? (0) | 2020.10.16 |