Jquery 自动设置带内容的重叠div的z索引

Jquery 自动设置带内容的重叠div的z索引,jquery,z-index,draggable,handler,Jquery,Z Index,Draggable,Handler,我有一个非常具体的问题,以前似乎没有人问过——至少我没有发现任何问题。不管怎样,情况是这样的: 我有n个可拖动的div。那些包含列表的div,可以通过双击进行编辑,它们是可排序的,并且可以继续排序,您可以在这些容器中执行一些操作 现在我的问题是: 首先,作为jquerysdraggable的一部分,我可以自动将z索引设置为所有元素中的最高值——但只有在拖动时才可以。只需在事件区域内单击,z索引就会设置为自动,这并不意味着“单击”元素将显示在顶部 第二个也是更大的问题是,如果不修改将焦点设置为di

我有一个非常具体的问题,以前似乎没有人问过——至少我没有发现任何问题。不管怎样,情况是这样的:

我有n个可拖动的div。那些包含列表的div,可以通过双击进行编辑,它们是可排序的,并且可以继续排序,您可以在这些容器中执行一些操作

现在我的问题是: 首先,作为jquerysdraggable的一部分,我可以自动将z索引设置为所有元素中的最高值——但只有在拖动时才可以。只需在事件区域内单击,z索引就会设置为自动,这并不意味着“单击”元素将显示在顶部

第二个也是更大的问题是,如果不修改将焦点设置为div或其任何子对象的每个处理程序,似乎不可能让div上的任何处理程序将其置于顶部

对于如何向完整的div添加句柄之类的内容,有什么建议吗?当单击它的任何位置时,都会调用它

非常感谢


努里坎

我想到一件事——你研究过可拖动的代码吗?至少它与点击和鼠标事件相关的部分可能值得检查


如果其中任何地方都有preventDefault()函数,则除了将自己的事件绑定到父DIV的每个子元素并以这种方式控制父DIV之外,您可能无法执行任何其他操作。

如果我了解您的问题,您可以使用单击和聚焦事件来更新z索引。每当div中的子元素获得焦点时,焦点就会激发

$("div").draggable(
    {start:updateContent}
);
$("div").click(updateContent);
$("div").focus(updateContent);

function updateContent()
{
    $("div").css("z-index", 1);
   $(this).css("z-index",2);
}

fiddle示例:

感谢您的解决方案-这当然是第二部分的正确方法谢谢您的提示,似乎不太可能这样做。我打算在接下来的几天里试试