我有一个表单添加了用户的评论:
<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会隐藏?怎么了?
答案 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');
}