fadein jquery 후에 outputLabel이 렌더링되지 않습니다.

Question

fadein jquery가 실행 된 후 p : outputLabel이 렌더링되지 않습니다. PainelLogin.png 만 렌더링됩니다. 또한, p : outputLabel는 ... 등, 렌더링 그러나 어떤 조치없이 immediatly 페이드 아웃 않습니다

HTML 양식 :

<div id="login-form"> 
    <p:outputLabel for="j_username" value="#{bundle.login_lblEMail}" /> 
    <p:inputText id="j_username" name="j_username" 
    value="#{loginMB.usuario.nome}" /> 
    </div> 

SCRIPT :

$(document).ready(function() { 

     $("div#login-form").fadeIn("slow"); 
     document.getElementById('login-form').style.display = 'block'; 
}); 

CSS :

#login-form { 
    background-image: url("../resources/imagens/PainelLogin.png"); 
    background-repeat: repeat; 
    -moz-opacity: 0.70; 
    -khtml-opacity: 0.70; 
    width: 300px; 
    height:200px; 
    display:none; 
    z-index: -1; 
    border-radius: 3px; 
} 

이 문제에 대해 저를 도와 주시겠습니까? 미리 감사드립니다. 알렉스.

Answer 1

<style> 
#login-form { 
    background-image: url("../resources/imagens/PainelLogin.png"); 
    background-repeat: repeat; 
    /*-moz-opacity: 0.70; 
    -khtml-opacity: 0.70;*/ 
    width: 300px; 
    height:200px; 
    display:none; 
    z-index: -1; 
    border-radius: 3px; 
} 
</style> 

jQuery 구문이 어떻게 작성되는지 보여 드리겠습니다. 여기 번역본이 나와 있습니다. 당신은 당신이 <p>를 사용하는 경우

당신의 document.getElementById이 필요하지 않습니다 ..

$(document).ready(function() { 
    $("div#login-form") 
    .css({ 
     display:'bock', /*haha should be 'block' but is not needed in your code */ 
     border: '1px solid #000000' 
    }) 
    .fadeIn(1000); 
}); 

$().fadeIn() MS에 값을 필요로 당신은 allready 특별히 같은 요소에 JQ를 사용하는 경우 자바 스크립트의 전체 긴 구문을 필요 없어요 요소를 사용하는 경우에는 자연에 의해 차단되지만 스타일을 지정하면 훨씬 빠른 기본 CSS를 사용하거나 jQuery 구문에 대해 조금 배우려는 시도를하십시오. IE 형식의 HTML 형식으로 오류가 발생할 수도 있지만,이 thinker.io은 지금까지 작동합니다. 나는 지금 IE에서 그것을 테스트 할 수 없다, 나는 11 년 된 MAC에 주위를 뛰어 다니고있다. 나는 문제가 재현 가능하다는 것을 보았으므로 위의 변경이 효과가 있다고 가정한다. .. 알려주세요

편집 : 나는 그들이

편집 볼을

될 것을 보여주기 위해 또한 HTML 태그를 변경이 thinker.io에서 : 표시 : '복', 내가 할 수 드리려고 좋아 그것 지금! :)