0

我有一个正方形区域，可以捕获鼠标点击并在该位置添加一个新的 div。我的目标是拿下那些顶部：Ypx；左：Xpx；坐标并使用javascript将它们转换为百分比，因为方形区域将在不同页面上设置为不同的大小。

我当前的示例http://jsfiddle.net/p5h26/1/

//current js for the effect( some small diferences in the click event using backbone events)
$(".div_container").click(function(e, ui){
          var parentOffset = $(this).offset();         
          var relativeXPosition = (e.pageX - parentOffset.left);
          var relativeYPosition = (e.pageY - parentOffset.top);         
          $(".div_container").append('<div class="MAPICON" style="top:'+relativeYPosition+'px; left:'+relativeXPosition+'px;"></div>');
});

编辑：我希望能够占据顶部和左侧位置并将它们以百分比的形式保存到我的数据库中，我不知道如何为此进行数学计算或从哪里开始。

4

1 回答 1

0

您可以使用如下代码计算百分比：

var $this = $(this), offset = $this.offset(),
    width = $this.innerWidth(), height = $this.innerHeight();
var parentOffset = $(this).offset();         
var relativeXPosition = (e.pageX - parentOffset.left),
    percentx = relativeXPosition/width;
var relativeYPosition = (e.pageY - parentOffset.top),
    percenty = relativeYPosition/height;

但我认为您确实想从相对定位更改为绝对定位。当你用你的小提琴演奏很多次点击时，附加的 div 开始碰撞并破坏彼此的位置。

于 2013-02-18T23:14:33.380 回答