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

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() 停止提交表单，然后你可以做你的 fadeOut 动画并完成调用 form.submit.

试试这个

$("#btn_submit").click(function(event) {
    event.preventDefault();
    $('#lbl_msg').fadeOut("8000", function() { //Once button has faded, invoke the form submission 
        $("#form1").submit();
    });
});

希望对您有所帮助。

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

Fadeout label after an ASP button click jQuery

asp.net

jquery

label

button