javascript - 幻灯片 jq 中未显示输入的占位符

Question

我有一个按钮:

<a  data-role="button" data-transition="none"
data-theme="b" onclick="ShowInput();" data-icon="forward" data-iconpos="left">
</a>

通过点击按钮，输入向下滑动:

function ShowInput() {
    $('#IdIn').slideDown("slow");
}

我的输入:

<input placeholder="xxx" name="NameIn" id="IdIn" value="" type="text">

幻灯片有效，但看不到输入的占位符“xxx”

为什么？

Answer 1

这里的问题是，如果输入元素不够大，无法包含占位符，占位符就会消失。如果您稍后更改高度，它不会重新出现，这就是您使用 slideDown() 时发生的情况。

我不确定这是 chrome 特有的错误，还是该行为是预期的。但是，如果在动画完成时通过删除 style 属性重绘元素，它似乎可以工作:http://jsfiddle.net/QYp9Y/

$('#IdIn').slideDown("slow", function() {
    $(this).removeAttr('style').show();
});