当前位置 : 主页 > 网页制作 > JQuery >

JQuery:淡出所有其他div并将$(this)移到左上角

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有一个div的网格(我们称之为“#entry”).我目前拥有它们,一旦有人点击任何一个div,它将使所有其他人淡出.然而,相当突然地,所选(单击)div将移动到部分div的左上角.在所有其他部分消失
我有一个div的网格(我们称之为“#entry”).我目前拥有它们,一旦有人点击任何一个div,它将使所有其他人淡出.然而,相当突然地,所选(单击)div将移动到部分div的左上角.在所有其他部分消失之后,我怎样才能“顺利”过渡到屏幕的那一部分?我将在下面提供我正在使用的代码.

$(document).ready(function() {
      $("div#entry").click(function()
      {
        $(this)
            .siblings("div#entry")
                .fadeOut();
      });
  });

谢谢

首先,多个具有相同ID的HTML元素是不正确的

据说父DIV必须有一个位置:相对样式集.

然后使用jQuery就可以了

$("div.entry").click(function()
{
   $(this).siblings.fadeOut(function()
   {
       $(this).animate({"left": "0","top":"0"});
   });
}
网友评论