Javascript Jquery：如何在新创建的元素上设置延迟和向上滑动

我想将新创建的元素设置为几秒钟后向上滑动

$("div[data-error='true']").delay(5000).slideUp(500, function () {
    $("#error-alert").remove();
});
$("div[data-success='true']").delay(5000).slideUp(500, function () {
    $("#success-alert").remove();
});

例如，这些是将动态添加的元素：

<div class="alert alert-danger" role="alert" id="error-alert1" data-success="true">
    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
    <span class="sr-only">Error:</span>
    @ViewBag.Error
    <button type="button" class="close" data-dismiss="alert">x</button>
</div>

<div class="alert alert-success" role="alert" id="success-alert1" data-error="true">
    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
    <span class="sr-only">Success:</span>
    @ViewBag.Success
    <button type="button" class="close" data-dismiss="alert">x</button>
</div>

错误：
@查看包。错误
x
成功：
@成功
x

---

如何将动态创建的元素设置为具有此slideup、delay、remove事件，如上所述？

您可以使用

setTimeout（）

函数，如

setTimeout(function(){
    $("div[data-error='true']").slideUp(500, function () {
        $("#error-alert").remove();
    });
}, 5000)

---

我认为它应该适合您。

您可以使用

setTimeout（）

函数，而不是使用延迟，如

setTimeout(function(){
    $("div[data-error='true']").slideUp(500, function () {
        $("#error-alert").remove();
    });
}, 5000)

我认为它应该适合您。

$。延迟（）

仅在作为动画/效果集合的一部分用于延迟效果时才建议使用

您应该使用JavaScript的本机

setTimeout（）

setTimeout（函数（）{
$（“div[data error='true']）。slideUp（500，函数（）{
$（“#错误警报”）.remove（）；
});
$（“div[data success='true']）。slideUp（500，函数（）{
$（“#成功警报”）.remove（）；
});
}, 3000);
@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

错误：
@查看包。错误
x
成功：
@成功
x
$.delay（）
仅当作为动画/效果集合的一部分用于延迟效果时才建议使用

您应该使用JavaScript的本机
setTimeout（）


setTimeout（函数（）{
$（“div[data error='true']）。slideUp（500，函数（）{
$（“#错误警报”）.remove（）；
});
$（“div[data success='true']）。slideUp（500，函数（）{
$（“#成功警报”）.remove（）；
});
}, 3000);
@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

错误：
@查看包。错误
x
成功：
@成功
x
尝试删除队列中的错误警报

$("div[data-error='true']").delay(5000).slideUp(500).queue(function () {
   $("#error-alert").remove();
   $(this).dequeue();
});
$("div[data-success='true']").delay(5000).slideUp(500).queue(function () {
   $("#success-alert").remove();
    $(this).dequeue();
});

也可以在队列函数中使用滑块。
尝试删除队列中的错误警报

$("div[data-error='true']").delay(5000).slideUp(500).queue(function () {
   $("#error-alert").remove();
   $(this).dequeue();
});
$("div[data-success='true']").delay(5000).slideUp(500).queue(function () {
   $("#success-alert").remove();
    $(this).dequeue();
});

也可以在队列函数中使用slideUp。
请同时包含用于动态创建这些元素的代码。请同时包含用于动态创建这些元素的代码。