Question

我使用php和jquery在facebook中创建了这样的墙。有一个textarea和一个输入类型=按钮，并在用户发布文本区域下显示的内容时使用jquery而不更新页面。我想使用名为“loader.gif”的图像加载器启用我的脚本，以便在按下提交按钮后加载器开始工作直到新帖子出现。有没有想过这么做？

<?php

<textarea rows="3"  id="comment_text" placeholder="share an update..."   style="font-size:11pt;  color:#363636;  resize:none; ">    </textarea>  

 <input type="button" id="comment_process"  style=""/>

?>

Answer 1

您希望将加载程序图像放在最终应该放在哪里，但在其CSS中使用display:none;。然后，在提交表单时，只需将其打开即可。

<强> HTML

<img class='loader' src='images/loader.gif' style='display:none;' />

<强>的jQuery

$('form').submit(function(){
    $('.loader').show();
});

如果您使用ajax提交表单，则可能需要在返回成功/错误时再次隐藏它。如果您正在进行真正的表单提交，页面将加载到不同的位置，无需重新隐藏图像。

使用输入按钮添加图像加载器到表单

1 个答案: