Jquery显示加载器在不同的div中

时间:2013-01-02 19:33:10

标签: php jquery

大家好,新年快乐,

我有一些div,每个div都有2个href,可以在php文件中发送一些属性。

第一个href有一个类voteu,当它被按下时我正在使用下面的代码:

<script type="text/javascript">
$(document).ready(function() {

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

var id = $(this).attr("id");
var uip = $(this).attr("uip");
var up = $(this).attr("up");
var vn = $(this).attr("vn");

var dataString = 'id='+ id + '&uip='+ uip + '&vn='+ vn;
var parent = $(this);

$('#myloader').fadeIn("fast");

$.ajax({
   type: "POST",
   url: "up_vote.php",
   data: dataString,
   cache: false,

   success: function(html)
   {
   $('#myloader').fadeOut("fast");
   }

   });

});
});
</script>

我的问题是我的包含加载图像的加载程序div仅适用于第一个div。

如果我按类voteu按第二个或者thertd等href,加载器div只出现在第一个div中。

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

请参阅此Example

使用此:

$('.voteu').on('click', function(e){
     $('#myloader').fadeIn("fast");   
     $('#myloader').appendTo(this)    
     // Process ajax
     $('#myloader').fadeOut("fast");
});​

我希望能帮助你。

问候。

答案 1 :(得分:0)

如果没有看到标记,我无法确定,但看起来您正在使用id为“myloader”的html元素,并且您希望它出现在您单击的元素附近。但是,您没有任何代码可以将div移动到您想要的位置。

也许你可以尝试类似的东西:

$('#myloader').appendTo(this)

在你这样做之前:

$('#myloader').fadeIn("fast");

我没有对此进行测试,因为我没有任何标记,但我认为它应该可行。如果没有,它应该指向正确的方向。