Question

我无法正确地将div复制到复选框的左侧。目的是让用户单击表格行中的复选框，然后调出另一个菜单以快速处理记录。现在，当您单击复选框时，div正确地向左间隔，但它在空间中浮动。此外，如果您单击其他复选框，它将在完全相同的空间中启动。我希望菜单直接显示在左侧，并以单击的复选框为中心。我想我已经接近了，但此时我迷失了。在此先感谢您的帮助。

http://codepen.io/gmrstudios/pen/dNaRLq

$("#type-2 a").click(function(e){
   var selector = $('.'+$(this).attr('id'));
    selector.toggle("slow");
  $('div.togg').not(selector).hide();
});

What I am trying to achieve with each checkbox

感谢阅读...

Answer 1

嘿，按照你想要的方式首先使它的父亲相对，并在那个位置后面的子元素，使它相对于它的父元素。

.container-2 { position: relative; }

.type-2 {
  width: 400px;
  background: #eee;
  border: 1px solid #b1b1b1;
  border-radius: 7px;
  opacity: 0;
  padding: 10px;
  color: #343434;
  position: absolute;
  right: 20px;
  top: -10px;
  z-index: 9999999;
  font: normal normal 22px Arial, sans-serif;
}

https://jsfiddle.net/quy5vg8c/

Answer 2

您只需要相对于type-2父亲申请亲属并稍微改变位置type-2

td .container-2{
  position: relative;
}
.type-2 {
  position: absolute;
  right: 70px;
  top: -10px;
}

查看工作演示http://codepen.io/anon/pen/vgMEev

正确选择复选框左侧的div（s）

2 个答案: