如何在点击时带一个可拖动的div到前面？
如何在点击时带一个可拖动的div到前面？
提问于 2016-01-24 17:01:45
我想带一个jQuery可拖动的div到前面时，点击。我读过这个职位，并在这里构建了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');
});
});谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-01-24 17:19:10
我不知道为什么它不能工作，但是我通过用下面的代码来改变你的代码来实现它-
$('.front-on-click').click(function() {
$('.front').css('z-index','0').removeClass('front');
$(this).addClass('front').css('z-index','100');
});Stack Overflow用户
发布于 2016-01-24 17:20:39
使用这个
$('.front-on-click').click(function(){
$(".front-on-click").each(function(){
$(this).css("z-index", "1");
$(this).removeClass('front');
});
$(this).css("z-index", "10");
$(this).addClass('front');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34978690
复制相关文章
相似问题
腾讯云开发者
