我想在单击时将一个 jQuery 可拖动的 div 带到前面。我读了this post ,并在此处构建 JsFiddle,但它没有用。我错过了什么吗?谢谢!
这是我创建的 jsfiddle,元素是可拖动的,拖动时会被带到前面,但我无法在单击时将它们带到前面。 z-index之间是否有冲突? JSfiddle
代码如下: HTML
<div>
<div id="box1" class="front-on-click"></div>
<div id="box2" class="front-on-click"></div>
<div id="box3" class="front-on-click"></div>
<div id="box4" class="front-on-click"></div>
这是javascript:
$(document).ready(function() {
$('#box1,#box2,#box3,#box4').draggable({stack: "div"});
$('.front-on-click').click(function(){
$('.front').removeClass('front');
$(this).addClass('front');
});
});
谢谢!
最佳答案
我无法弄清楚它不起作用的原因,但我通过使用以下代码更改您的代码使其起作用-
$('.front-on-click').click(function() {
$('.front').css('z-index','0').removeClass('front');
$(this).addClass('front').css('z-index','100');
});
关于javascript - 单击时如何将可拖动的 div 置于最前面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34978690/