如何在点击时带一个可拖动的div到前面？
如何在点击时带一个可拖动的div到前面？
提问于 2016-01-24 09: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 09: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 09: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
复制相关文章
![T-SQL Enhancement in SQL Server 2005[下篇]](https://ask.qcloudimg.com/http-save/yehe-1161266/28k835r0qk.jpeg)
![T-SQL Enhancement in SQL Server 2005[上篇]](https://ask.qcloudimg.com/http-save/yehe-1161266/u921daire6.jpeg)
相似问题
SQL Server (2005)查询帮助
SQL Server 2005查询帮助
TSql (sql Server2005)查询运行缓慢
帮助Delphi和Sql Server 2005
SQL Server 2005透视查询帮助
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
