Javascript 单击时在按钮上显示“弹跳点加载gif”

Javascript 单击时在按钮上显示“弹跳点加载gif”,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在脚本运行时,在按钮的编号上加载一个反弹点加载gif 我的问题是: 整个按钮将替换为图像。我只是想替换文本?! 请帮忙。谢谢 代码示例: Javascript $(function() { $(".vote").click(function() { var id = $(this).attr("id"); var name = $(this).attr("name"); var dataString = 'id='+ id ; var parent = $(this); if(n

我试图在脚本运行时,在按钮的编号上加载一个反弹点加载gif

我的问题是:

整个按钮将替换为图像。我只是想替换文本?! 请帮忙。谢谢 代码示例:

Javascript

$(function() {

$(".vote").click(function() 
{

var id = $(this).attr("id");
var name = $(this).attr("name");
var dataString = 'id='+ id ;
var parent = $(this);


if(name=='up')
{

$(this).fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');
$.ajax({
   type: "POST",
   url: "up_vote.php",
   data: dataString,
   cache: false,

   success: function(html)
   {
   parent.html(html);

  }  });

 }
else if(name=='down')
{

$(this).fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');
$.ajax({
   type: "POST",
   url: "down_vote.php",
   data: dataString,
   cache: false,

   success: function(html)
   {
       parent.html(html);
        }

        });


  }

 return false;
        });

   });
HTML

替换

$(this).fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');

要使它稍微短一点,还可以使用.eq0代替.first。

替换

$(this).fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');


为了使它短一点,您还可以使用.eq0而不是.first。

这是因为函数中的$this是$'.vote'按钮。相反,请使用$'.button vote up'或按钮内的其他元素。

这是因为函数中的$this是$'.vote'按钮。请改为使用$'.button vote up'或按钮内的其他元素。

然后替换.button vote up元素的内容,而不是全部。投票然后替换.button vote up元素的内容,而不是全部。投票谢谢。现在我明白了。伟大的非常感谢。现在我明白了。伟大的
$(this).fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');
$(this).children().first().fadeIn(200).html('<img src="http://i.imgur.com/UOSBUX1.gif" align="absmiddle">');