gpt4 book ai didi

c# - Jquery 切换转发器中的单个项目

转载 作者:行者123 更新时间:2023-11-30 23:20:42 26 4
gpt4 key购买 nike

希望这个问题是可以理解的。

我有一个中继器,其中有几行来自数据库,每一行都有一张图片和一个按钮

像这样:

 <asp:Repeater runat="server" DataSourceID="SqlDataSource1" ID="repeater1">
<ItemTemplate>

<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6" style="height: 200px;">
<div class="thumbnail text-center sletbox">
<img class="img-responsive" src='../fotos/<%# Eval("url") %>' alt=""></a>

<div class="slet">
<a href='delete_picture.aspx?id=<%# Eval("pic_id") %>&a=<%# Eval("album") %>&n=<%# Eval("url") %>' onclick="return confirm('Vil du slette dette billed?')">
<h3 class="btn btn-danger btn-xs" id="contact">Slet</h3>
</a>
</div>

</div>

</div>
<!-- col-lg-4 -->
</ItemTemplate>
</asp:Repeater>

然后我制作了一个 jquery 函数,使按钮在悬停时出现,并且工作正常。

<script>
$(document).ready(function () {
$(".slet").hide();
$(".sletbox").hover(function () {
$(".slet").fadeToggle(50);
});
});
</script>

但问题在于它会显示所有按钮,而不仅仅是您悬停的按钮。

那么我如何才能只显示您悬停的那个?

最佳答案

试试下面的代码:

 $(document).ready(function () {
$(".slet").hide();
$(".sletbox").hover(function () {
$(this).find(".slet").fadeToggle(50); //locating the associated .slet and not the all one.
});
});

关于c# - Jquery 切换转发器中的单个项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39638143/

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