Question

我想知道是否有一个我可以添加到其中的功能，它会再次显示数据，就像让它向下滑动或在给定的一组时间之后的东西一样，这样你就可以返回并重新输入数据

目前只需在提交后向上滑动，然后显示文字。

 $("#help").slideUp(function() {
$("#help").before('<div class="failMessage">SOME FAIL TEXT HERE</div>');
setTimeout(ShowControlsHideFailMessage,5000);
 });

    function ShowControlsHideFailMessage()
    {
       $("#help").slideDown();
       $('.failMessage').addClass('hidden');
    }

Answer 1

下面的代码示例将使用setTimeout函数在5秒后调用$（“＃help”）。slideDown（）。另外，如果你想隐藏“FAIL TEXT”，我建议使用这个消息的CSS类：

$("#help").slideUp(function() {
   $("#help").before('<div class="failMessage">SOME FAIL TEXT HERE</div>');
   setTimeout(ShowControlsHideFailMessage, 5000);
});

function ShowControlsHideFailMessage()
{
   $("#help").slideDown();
   $('.failMessage').addClass('hidden');
}

您可以将类failMessage用于红色字体或该消息的任何特殊内容，然后创建一个隐藏类，将显示设置为无。

Answer 2

这是一个更好的方法：

var failMessage = $('<div class="failMessage" />');
failMessage.text('SOME FAIL TEXT HERE');
//Create the failMessage beforehand

$("#help")
    .slideUp(function() {
        $(this).before(failMessage);
    })
    .delay(5000)
    .slideDown(function () {
        failMessage.hide();
    });

基本的jQuery slideUp / slideDown帮助

2 个答案: