请问下，为什么jquery添加div后，后面的div总显示在前面，多谢

0 0

请问下，为什么jquery添加div后，后面的div总显示在前面，多谢5

请问下，为什么jquery添加div后，后面的div总显示在前面，如图，让添加到显示到最前面该怎么做呢，z-index好像不行，

而且加了后下面的input无法编辑，请帮看看多谢啦

HTML

<html>
<head>
  <title>面面面面</title>
    <script type="text/javascript" src="jquery.js" ></script>
    <script type="text/javascript" src="drop.js" ></script>

<style>
.dropBox_div{
border:2px solid blue;
width:400px;
height:200px;
background:white; /*没有这个就透明了*/
position:absolute; 
left:10%;
top:0; 

}


</style>
</head>
<body>


<div class='inputdiv'  id='div1' style="position:relative;">
      <input id='d1'   ></input>
</div>

<div class='inputdiv'  id='div2' style="border:1px solid red;position:relative;">
      <input id='d2'   ></input>
</div>

<div class='inputdiv'  id='div3' style="position:relative;">
      <input id='d3' ></input>
</div>

</body>
</html>

$(document).ready(
    function(){
        $(".inputdiv").mousedown( function(){ 

        	var thisID = $(this).attr("id");
        	var dropBox_ID = "box_"+ thisID;
        	
          var $dropBox_div = $("<div/>");
          $dropBox_div.attr("id",dropBox_ID).attr("class","dropBox_div");
          $("#"+thisID).after($dropBox_div);

        });
    }
);

jQuery

2014年5月21日 12:16

seancnx
21
0 0 3

js.7z (68.4 KB)
下载次数: 5

查看图片附件

4个答案按时间排序按投票排序

0 0

采纳的答案

换个浏览器看看，图上的应该是ie6吧，

2014年5月22日 10:02

fen5251
40
0 0 3

添加评论

0 0

哥们你的例子我测试了半天走不进方法无意间我看到这样的写法我就不想再测试啦你先好好学习下jquery

id='d1' id='d2'

class='inputdiv'

2014年5月21日 15:52

lao1984wang
617
0 0 24

2条评论

0 0

 设置index可以的吧

可以让div显示在后面，而且上层的那个input是可以输入值的吧

.dropBox_div{
	border:2px solid blue;
	width:400px;
	height:200px;
	background:white; /*没有这个就透明了*/
	position:absolute; 
	left:20%;
	top:30; 
	z-index: -999;	
}

2014年5月21日 13:07