gpt4 book ai didi

javascript - 标题 div 的 z 索引

转载 作者:行者123 更新时间:2023-12-03 08:04:38 25 4
gpt4 key购买 nike

我在创建 2 个具有不同 z-index 的元素时遇到问题。

<!DOCTYPE html>
<html>

<head>
<script data-require="jquery@1.11.3" data-semver="1.11.3" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery.capty.css">
<script src="jquery.capty.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="jquery-jesse.css">
<script type="text/javascript" src="jquery-jesse.js"></script>

<script type="text/javascript">
$(document).ready(function() {

$('.fix').capty({
cWrapper: 'capty-tile',
height: 36,
opacity: .6
});

$('#list').jesse();

});
</script>
<style>
#list {
max-width: 640px;
margin: 20px auto;
}

div.capty-caption {
z-index: 999;
}

</style>
<title></title>
</head>

<body>
<ul class="jq-jesse" id="list">
<li class="jq-jesse__item">
<a href='http://www.supercoloring.com/sites/default/files/styles/coloring_medium/public/cif/2015/10/number-1-coloring-page.png' target='_blank'><img class="fix" name="#content-target-1" src='http://www.supercoloring.com/sites/default/files/styles/coloring_medium/public/cif/2015/10/number-1-coloring-page.png' width='100' height='100'></a>
<div id="content-target-1">
<a href="#">[x]</a>&nbsp;&nbsp;&nbsp;
</div>
</li>
<li class="jq-jesse__item">
<a href='http://www.supercoloring.com/sites/default/files/styles/coloring_medium/public/cif/2015/10/number-2-coloring-page.png' target='_blank'><img class="fix" name="#content-target-2" src='http://www.supercoloring.com/sites/default/files/styles/coloring_medium/public/cif/2015/10/number-2-coloring-page.png' width='100' height='100'></a>
<div id="content-target-2">
<a href="#">[x]</a>&nbsp;&nbsp;&nbsp;
</div>
</li>
</ul>

</body>

</html>

示例: http://plnkr.co/edit/8HSgSbc96LlSQ66hgY79?p=info

如何拦截对标题的点击?我正在尝试为 div capty-caption 设置 z-index: 999,但它对我不起作用。

最佳答案

Simple jQuery Plugin For Drag & Drop Sorting Of Lists - jesse 中详细描述了您要查找的事件。

$('#list').jesse({   // executed when the item has dropped   onStop: function(position, prevPosition, item) {      alert('ok');   }});

onStop 在 mouseup 事件结束时执行。如果您不需要这个,而只需要您可能始终使用的点击事件(我不鼓励您遵循此路径):

$('#list').mouseup(function(e) {   alert('ok');});

关于javascript - 标题 div 的 z 索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34440577/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com