将具有相同类别的每个div移动到单击时的新位置

Question

这是我的代码的一部分。每当我点击div时，我都希望有一些事情发生。 函数xyz存在一些问题，因为没有显示警告（“好”）。

$("#subarea").click(function(e)
  {
     $('.pointer').removeClass("pointer").addClass("hiddenpointer");
     $('.visible').css('z-index','1');   
     $('.hiddenimg').css('z-index','2'); 
     $('#closeit').css('z-index','4');
     $('.popupbox').css('display','none');
     alert("hey");
     xyz();
     alert("good");

   });

我的代码中有一些链接类为“pointer1”。我想在点击我正在使用此功能的鼠标时将它们转移到新位置。

function xyz()
{
     alert("idiot");
     var elem = document.getElementsByClassName('pointer1');
     for (var i = 0;i < elem.length; i++)
     {
     top1=elem[i].css('top');
     alert(top1);
     left1=elem[i].css('left');
     top1=top1*4;
     left1=left*5/3;
     elem[i].css({left:left1,top:top1}).show();
     }

}

Answer 1

在这里工作的是小提琴http://jsfiddle.net/pgBcW/34/，你的代码包含很多错误

1. 使用了错误的变量名称。
2. 初始化变量时没有使用var。
3. 使用elem [i]而不是$（elem [i]）。
4. 使用show（）而不是animate（）。它已经显示，所以你需要使用animate（），因为它的定位属性正在改变。
5. getElementByClassName函数在javascript中不存在，修改它并使用$（“。pointer1”）。

注意：下次编码时要小心。