更改notify js插件自动隐藏延迟时间
Change the notify js plug-in auto hide delay time
我的例子是:
$(document).ready(function(){
{% for label, messages in app.session.flashbag.all %}
{% for message in messages %}
$.notify('{{message|trans}}', '{{label}}', [{autoHideDelay : 20000}]);
{% endfor %}
{% endfor %}
$('input[type="date"]').attr('type', 'text');
});
消息在 5 秒后消失,因为在 notify.js 中 autoHideDelay 是 5000。我如何从 html 模板中更改它。因为就像我告诉你不起作用。提前致谢,对不起我的英语
请参阅使用 autoHideDelay 选项 20000 毫秒(20 秒) 的长持续时间通知的工作示例
$(function(){
var successOptions = {
autoHideDelay: 20000,
showAnimation: "fadeIn",
hideAnimation: "fadeOut",
hideDuration: 700,
arrowShow: false,
className: "success",
};
$("#btnSuccess").on("click", function () {
$.notify("Success message!", successOptions);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/notifyjs/notifyjs/master/dist/notify.js"></script>
<button id="btnSuccess">Display Success</button>
我的例子是:
$(document).ready(function(){
{% for label, messages in app.session.flashbag.all %}
{% for message in messages %}
$.notify('{{message|trans}}', '{{label}}', [{autoHideDelay : 20000}]);
{% endfor %}
{% endfor %}
$('input[type="date"]').attr('type', 'text');
});
消息在 5 秒后消失,因为在 notify.js 中 autoHideDelay 是 5000。我如何从 html 模板中更改它。因为就像我告诉你不起作用。提前致谢,对不起我的英语
请参阅使用 autoHideDelay 选项 20000 毫秒(20 秒) 的长持续时间通知的工作示例
$(function(){
var successOptions = {
autoHideDelay: 20000,
showAnimation: "fadeIn",
hideAnimation: "fadeOut",
hideDuration: 700,
arrowShow: false,
className: "success",
};
$("#btnSuccess").on("click", function () {
$.notify("Success message!", successOptions);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/notifyjs/notifyjs/master/dist/notify.js"></script>
<button id="btnSuccess">Display Success</button>