Javascript 单击时在按钮上显示“弹跳点加载gif”
我试图在脚本运行时,在按钮的编号上加载一个反弹点加载gif 我的问题是: 整个按钮将替换为图像。我只是想替换文本?! 请帮忙。谢谢 代码示例: JavascriptJavascript 单击时在按钮上显示“弹跳点加载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
$(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">');