0

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

你能帮我解决这个问题吗？提前谢谢..亚历克斯。

4

1 回答 1

0 
<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 a，则不需要完整的长语法。

$(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 类型而出错，这是 IE 有时会生气的，但这个thinker.io到目前为止有效。我现在不能在 IE 上测试它，我在一个 11 岁的 MAC 上跳来跳去。正如我所看到的，这个问题在这里也可以重现，所以我认为上面的改变会起作用。让我知道..

编辑：在此 thinker.io 中，我还更改了您的 html 标记以显示它们变得可见

编辑： display：'bock'，我喜欢这样-我现在就这样！:)

于 2013-04-18T22:55:41.327 回答