[英]Hidden text in jQuery animation() doesn't show up
HTML:
<div>
<code id="code">about</code>
<code id="hid-code"></code>
</div>
CSS:
body {
background-color: black;
}
div {
background-color: transparent;
width: 100px;
height: 1.1em;
text-align: left;
border: 1px solid #91e0ee;
margin: 3px;
font-size: 15px;
}
#code {
padding: 2%;
font-variant: small-caps;
color: #91e0ee;
vertical-align: top;
}
#hid-code {
font-variant: small-caps;
color: #91e0ee;
display: none;
}
JS:
// STRING TO HIDE
var hidCode = ": who is index?";
// APPEND hidCode TO #hid-code
document.getElementById('hid-code').innerHTML = hidCode;
// jQuery ANIMATION
$("div").click(function() {
// STYLE ANIMATION
$("div")
.animate({ width: "20%", fontSize: "18px" }, "slow" )
.animate({ borderLeftWidth: "5px", }, 500 );
// HIDDEN STRING SHOWS UP
$("hid-code").appendTo('#code').show("slow");
})
添加到变量hidCode
的字符串应显示在// STYLE ANIMATION
。 我使用display: none
来隐藏隐藏hid-code
ID 中的字符串。 因此,如果我append()
其append()
到code
ID,并使用show()
,它应该可以工作,但没有任何反应。 任何提示?
您需要将#
放入$("hid-code")
,因为您已将其定义为 id。 因此,它必须是: $("#hid-code")
以便 jQuery 找到它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.