gpt4 book ai didi

jquery - 如何在 jquery asp.net 中淡出

转载 作者:行者123 更新时间:2023-12-01 07:21:04 25 4
gpt4 key购买 nike

我有以下 ASP.NET 代码。当我点击按钮时,一开始点击一两次,div div1 内的文本消失了一会儿,然后又显示了。但当我现在尝试时,它永远不会消失。 div 内的文本将保留。

<head runat="server">
<title></title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("#div1").css("color", "red");
$("#btn").click(function () {
$("#div1").fadeOut("slow");
});
});
</script>

<body>
<form id="form1" runat="server">
<div class="ab" id="divTest" runat="server">test</div>
<asp:Button ID="btn" runat="server" Text="GET" />
<div id="div1" runat="server">
<div>test new </div>
<div id="divTestArea1">
<b>Bold text</b>
<i>Italic text</i>
<div id="divTestArea2">
<b>Bold text 2</b>
<i>Italic text 2</i>
<div>
<b>Bold text 3</b>
</div>
</div>
</div>
</div>
</form>

最佳答案

您必须使用服务器控件的ClientID,因为您的div具有属性runat =“server”,因此asp.net将为它生成ClientID,这将与原始的不同。如ClientIDMode未设置为静态。

<强> Live demo

$(document).ready(
function () {
$("#<%= div1.ClientID %>").css("color", "red");
$("#<%= btn.ClientID %>").click(function () {
$("#<%= div1.ClientID %>").fadeOut("slow");
return false; // to stop postback
});
});

关于jquery - 如何在 jquery asp.net 中淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13626304/

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