toastrjs - 悬停后更新计时器

toastrjs悬停后我找不到任何正确的方法来更新计时器。我将 a 确定extendedTimeOut为 0,toastr当我将鼠标悬停在它上面时不关闭它。timeOut 的时间toastr是 10000 毫秒,但是当我完成悬停时,toastr会立即隐藏。toastr在我完成悬停后显示 10000 毫秒的正确方法是什么。


我的 toastr 属性示例:


const inboxToastr = toastr;

inboxToastr.info(data.bubbleData, title, {

    "tapToDismiss": false,

    "closeButton": true,

    "newestOnTop": false,

    "progressBar": false,

    "positionClass": "toast-bottom-left", //position

    "preventDuplicates": false,

    "onclick": null,

    "showDuration": "300",

    "hideDuration": "1000",

    "timeOut": "10000",

    "extendedTimeOut": "0",

    "hideEasing": "linear",

    "iconClass": "background-gray"

});


三国纷争
浏览 157回答 1
1回答

慕哥6287543

使用 timeout 10000 和 extendedTimeOut 10000 以及其他默认选项似乎可以按预期工作,10 秒后自动关闭,悬停时保持显示,悬停后隐藏 10 秒。$(function() {&nbsp; toastr.info("Title", 'Subtitle', {&nbsp; &nbsp; timeOut: 10000,&nbsp; &nbsp; extendedTimeOut: 10000,&nbsp; &nbsp; progressBar: true&nbsp; });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript