个人中心
gpt4 book ai didi

jquery - 更改 toastr 通知的位置类别

转载 作者：行者123 更新时间：2023-12-03 21:33:35 25 4
gpt4 key购买 nike

我正在尝试在 div 单击时更改我的 toast 的位置类。

positionclass:is not changed to Bottom.? what am i missing here?

以及如何使用

toastr.optionsOverride = 'positionclass:toast-bottom-full-width';

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<head>
    <title></title>
    <script type ="text/javascript" src ="@Url.Content("~/Scripts/jquery-1.6.4.js")"></script>
    <script type ="text/javascript" src ="@Url.Content("~/Scripts/toastr.js")"></script>
    <link rel="stylesheet" type="text/css" href="~/content/toastr.css" />
</head>
<script type="text/javascript">
    $(document).ready(function () {

        // show when page load
        toastr.info('Page Loaded!');

        $('#linkButton').click(function () {
            toastr.optionsOverride = 'positionclass:toast-bottom-full-width';
            // show when the button is clicked
            toastr.success('Click Button', 'ButtonClick', 'positionclass:toast-bottom-full-width');
        });

    });

</script>

<body>
    <div id ="linkButton" > click here</div>
</body>

更新1

调试后我注意到下面的 getOptions 方法来自 toastr.js 被覆盖'positionclass:toast-bottom-full-width' 到 'toast-top-right'

    function getOptions() {
        return $.extend({}, defaults, toastr.options);
    }

更新 2 toastr.js 中的第 140 行未成功扩展 moptionsOverride 到选项中。??

        if (typeof (map.optionsOverride) !== 'undefined') {
            options = $.extend(options, map.optionsOverride);
            iconClass = map.optionsOverride.iconClass || iconClass;
        }

更新3职位问题已得到解决，但我必须在下面提到职位类别 3 次。我确信有一种噪音较小的方法可以实现这一目标。

$('#linkButton').click(function () {

    toastr.optionsOverride = 'positionclass = "toast-bottom-full-width"';
    toastr.options.positionClass = 'toast-bottom-full-width';
     //show when the button is clicked
    toastr.success('Click Button', 'ButtonClick', 'positionclass = "toast-bottom-full-width"');
});

最佳答案

你可以这样设置，如toastr演示所示:http://codeseven.github.io/toastr/或这个演示:http://plnkr.co/edit/6W9URNyyp2ItO4aUWzBB 

toastr.options = {
  "debug": false,
  "positionClass": "toast-bottom-full-width",
  "onclick": null,
  "fadeIn": 300,
  "fadeOut": 1000,
  "timeOut": 5000,
  "extendedTimeOut": 1000
}

关于jquery - 更改 toastr 通知的位置类别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17273355/

25 4 0
文章推荐： javascript - Jquery getScript 缓存
文章推荐： jquery - 为什么 jQuery 1.9+ attr() 方法没有被弃用？
文章推荐： javascript - 如何在 jQuery keyup 事件中实现 debounce fn？
文章推荐： jQuery - "does not contain element"的规则
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com