我如何阻止textarea消失?

时间:2014-07-30 18:10:16

标签: javascript jquery html css

我有一个表单添加了用户的评论:     

<textarea name="comment" id="comment_box" placeholder="Share your thoughts" cols="175" rows="9"></textarea>     

<input type="button" name="add_comment" id="add_comment_button" value="Add comment" 
 onclick="add_comment_js('comment_form','{$type}')">

点击按钮&#34;添加评论&#34; textarea消失了(我认为使用jquery),没有包含css文件。

一个大的functions.js文件也被链接,我怀疑javascript文件中的这个方法与消失有关:

  function add_comment_js(form_id,type)
  {
    var formObjectData = $('#'+form_id).serialize()+'&mode=add_comment';

    $.post(page,formObjectData,
    function(data)
    {
        if(!data)
            alert("No data");
        else
        {
            if(data.cid)
            {
                get_the_comment(data.cid,"#latest_comment_container");
                $("#"+form_id).slideUp();
            }
        }
    },'json');
}

为什么发表评论后textarea会隐藏?怎么了?

2 个答案:

答案 0 :(得分:2)

$("#"+form_id).slideUp();在此函数运行时隐藏表单。删除该行,textarea应该保留。 Slideup&#34;用滑动动作隐藏匹配的元素。&#34;这是该功能的jQuery API reference

答案 1 :(得分:1)

从代码中删除此行

$("#"+form_id).slideUp();

最终结果应该是:

function add_comment_js(form_id,type)
{
    var formObjectData = $('#'+form_id).serialize()+'&mode=add_comment';

    $.post(page,formObjectData,
    function(data)
    {
        if(!data)
            alert("No data");
        else
        {
            if(data.cid)
            {
                get_the_comment(data.cid,"#latest_comment_container");
            }
        }
    },'json');
}