为什么在聚焦输入后滚动位置变化?

时间:2014-01-02 10:21:02

标签: jquery html

我有一个可编辑的文字 当我在文本中单击时,div会更改为保留文本的输入 我的问题是当我点击文本时div更改为输入但滚动位置更改。

Jquery代码:

$('.content-comment').click(function(){
    $('.content-comment').hide();
    $('.content-comment-input').show();
    $('.content-comment-input').val($(this).text());
    $('.content-comment-input').focus();
});

HTML code:

<div class="comment-c">
      <div class="user-pic-c ></div>
      <div class="elements-comment">
           <div class="content-comment clear"><?php echo $k['test']; ?></div>
           <input class="content-comment-input" type="text" value="" style="display:none;">
     </div>
</div>

1 个答案:

答案 0 :(得分:0)

这很简单,因为您更改了输入值,因此您输入的位置将会改变。如果你在下面评论我认为它的工作正常。

$('.content-comment').click(function(){
    $('.content-comment').hide();
    $('.content-comment-input').show();
    //$('.content-comment-input').val($(this).text());
    $('.content-comment-input').focus();
});