Php Jquery为所有div加载公共映像

我试图使用下面的代码来显示一个div，其中包含所有div的加载图像，但我无法让它工作

例如，我有4个div，在这些div中我包含了保存图像加载图标的div。每个div都有一个具有相同类名的按钮。 每次我按下按钮，保存加载图像的div只出现在第一个div中

另外，我想保留这个结构，因为我从

等待

这是因为您使用的是div id，并且它在HTML文档中应该是唯一的，所以您应该将

#myloader

替换为

.myloader

---

当然，这是因为您使用的是div id，并且它在HTML文档中应该是唯一的，所以您应该将

#myloader

替换为

.myloader

---

当然，您对多个元素使用相同的id。应该只有一个元素具有id

试试这个：

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

var b = this;

var id = $(this).attr("id");
var title = $(this).attr("title");

var dataString = 'id='+ id;

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

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

   success: function(html)
   {
   $(b).siblings('div')[0].fadeOut("fast");
   }

   });

});
});

---

您正在对多个元素使用相同的id。应该只有一个元素具有id

试试这个：

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

var b = this;

var id = $(this).attr("id");
var title = $(this).attr("title");

var dataString = 'id='+ id;

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

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

   success: function(html)
   {
   $(b).siblings('div')[0].fadeOut("fast");
   }

   });

});
});

Change

Change
ID应该总是唯一的（这就是为什么它被称为ID…：）…所以
将
#myloader
替换为
。myloader
和
ID应始终是唯一的（这就是为什么它被称为ID:）…因此
用
.myloader
替换
#myloader
和
大家好，我试着让它工作，但没有结果。看看这个：看起来你不明白每个div上的id必须是唯一的。你又有了一个重复的id。下面是一个工作示例，尽管它可以通过许多其他方式实现。Sport billy确实我不明白。现在我明白了！非常感谢。你的例子工作起来像一个机器人！大家好，我试着让它工作，但没有结果。看看这个：看起来你不明白每个div上的id必须是唯一的。你又有了一个重复的id。下面是一个工作示例，尽管它可以通过许多其他方式实现。Sport billy确实我不明白。现在我明白了！非常感谢。你的例子工作起来像一个机器人！
$(".mybutton").click(function() 
{

var b = this;

var id = $(this).attr("id");
var title = $(this).attr("title");

var dataString = 'id='+ id;

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

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

   success: function(html)
   {
   $(b).siblings('div')[0].fadeOut("fast");
   }

   });

});
});

<script type="text/javascript">
$(document).ready(function() {
    $(".mybutton").click(function() {
        var id = $(this).attr("id");
        var title = $(this).attr("title");
        var dataString = 'id='+ id;
        var $loader = $(this).parent().find('.myloader'); //Change this

        $.ajax({
            type: "POST",
            url: "getvars.php",
            data: dataString,
            cache: false,
            beforeSend: function() { //Change this
               $loader.fadeIn("fast");
            }
            success: function(html) {
               $loader.fadeOut("fast"); //Change this
            }
        });
    });
});
</script>

$(document).ready(function() {

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

    var id = $(this).attr("id");
    var title = $(this).attr("title");

    var dataString = 'id='+ id;

    $(this).prev().fadeIn("fast"); //chnages here

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

     success: function(html)
     {
       $(this).prev().fadeOut("fast"); //and here
     }

   });

 });
});