Как создать исчезающую метку в JQuery / ASP.NET после нажатия кнопки

Question

Я думаю, что это должно быть довольно легко, но я не совсем уверен, как подключить вещи.

У меня есть страница, на которой пользователь может определить запрос. Когда это будет сделано, пользователь вводит имя для запроса и нажимает кнопку. Я хотел бы обработать нажатие кнопки, сделать текстовую метку (или интервал) видимой на несколько секунд, а затем сделать ее исчезающей.

Поскольку это обратная передача, я могу сделать элемент управления ASP: Label видимым - это легко. Теперь, как мне получить jquery, чтобы ярлык исчез через несколько секунд? В более широком смысле, как получить обратную передачу для запуска метода jquery?

Бонус за простейшее решение!

Answer 1

Начать текст метки asp как пустой.

<asp:Label id="myLabel" runat="server"></asp:Label>

Затем вы можете затемнять ярлык при каждой загрузке страницы и устанавливать текст ярлыка asp после нажатия кнопки.

Protected Sub btn_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btn.Click
  myLabel.Text = "You hit the button"
End Sub

    $(document).ready(function() {
        $('#myLabel').fadeOut(3000, function() {
            $(this).html(""); //reset the label after fadeout
        });
    });

Answer 2

Вот техника с низким уровнем технологий, которая сохраняет весь сценарий в шаблоне вашей страницы: добавьте функцию $(document).ready() на страницу, которая выполняется условно на основе переменной уровня страницы, как это ...

// In your button's click handler, set this.UserHasClicked to true
var userHasClicked = '<%= this.UserHasClicked %>' == 'True';
$(document).ready(function() {
    if(userHasClicked) {
        $(labelSelector).delay(2000).fadeOut(1000);
    }
});

Answer 3

Звоните ClientScriptManager.RegisterClientScriptBlock

Answer 4

Как то так ...

var buttonFade = function() {
  $('#my .label .selector').fadeOut(2000);
}
setTimeout(buttonFade, 2000);

Если вы разместите некоторую часть вашей разметки, я мог бы также попытаться поместить setTimeout () в функцию, запускаемую при появлении метки.