Question

我有一个asp.net按钮和标签。单击此按钮时，如何触发标签淡出。我试图使用jquery来做到这一点，但它不起作用。这是我的代码。任何反馈都有帮助感谢

$(document).ready(function () {

    $("#btn_submit").click(function () {

        $('#lb_msg').fadeOut(8000, function () {

        });

    });

});


<asp:button id="btn_submit" text="click" runat="server"/>
<asp:label id="lb_msg" runat="server"/>

---这是生成的html脚本

<form method="post" action="test.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/CSZ/HAfM7368Pgeq6mI3czHpU3XISmFKiVp7wr7W6AwrjALoUT7cHc4Mn9x3H7F0LrLoWNdloyuwNBeMxIYMnooWzJvmyaIUlnHa15MOVo=" />
</div>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="75BBA7D6" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="qTZ1IHxPMMoDPPo8HExyPgB9YNapexdmtB8/3VSBM+6DDolj7t7VSBMhzXfsJDWsyffjWQYo7kFl8Zm+ZBMPXNEk4uWdk5hRY14+ubqTvjd+IB8OtoRjyPCcu2fAWq7u" />
</div>
<div>

<input type="submit" name="btn_submit" value="click" id="btn_submit" />
<span id="lb_msg">fade me out</span>

</form>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">      </script>
<script type="text/javascript">


$(document).ready(function () {

$("#btn_submit").click(function () {
    $('#' + 'lb_msg').fadeOut(8000, function () {

    });

});

});


</script>

Answer 1

由于您希望将表单submit和fadeOut事件保持在一起，您可以使用event.preventDefault()停止表单提交，然后您可以执行{{1动画并完全调用form.submit。

试试这个

fadeOut

希望它有所帮助。

ASP按钮单击jQuery后的淡出标签

1 个答案: