Question

在fadein jquery运行后，p：outputLabel不会呈现。只有PainelLogin.png会渲染。 p：outputLabel在没有任何操作的情况下立即渲染但是淡出淡出等等......

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>

脚本：

 $(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;
}

请你帮我解决这个问题吗？提前谢谢.. Alex。

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语法，这里您的示例已翻译。如果你已经在同一个元素上专门使用jQ，你就不需要javascript的完整长语法。

$(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为单位的值，

如果使用document.getElementById元素，则<p>不是必需的，它们本质上是块，但如果你设置它们，请使用更快的原生CSS或尝试学习一些关于jQuery语法的内容。也许你也会因为选择的HTML类型而得到错误，这种情况有时会让人感到很生气，但到目前为止这个thinker.io仍然存在。我现在无法在IE上测试它，我在11岁的MAC上跳了起来。正如我所看到的，这里的问题也可以重现，所以我认为上面的改变是有效的。让我知道..

在这个thinker.io中

编辑我也改变了你的html标记，以表明它们变得可见

编辑：显示：'bock'，我喜欢它 - 我现在就这样说吧！：）

在淡入淡出jquery之后，outputLabel不会呈现

1 个答案: