jquerytoastmessagemultipe位置，如何在运行时更改位置类

jquery toastmessage multipe positions, how to change position class at runtime?

本文关键字：位置 运行时 jquerytoastmessagemultipe      更新时间：2023-09-26

我正在使用jquery toast消息http://akquinet.github.com/jquery-toastmessage-plugin/然而，我已经达到了一个限制，那就是插件只允许每页有一个位置。插件输出以下容器：

<div class="toast-container toast-position-top-right"></div>

作为一种变通方法，我试图在运行时更改该类，理想情况下，我可以创建多个这样的容器并通过ID调用它们，因为我不想更改插件，所以我试图在使用以下代码调用构造函数后在运行时改变该类：

$().toastmessage('showToast', {
        text     : message,
        stayTime : 1500,
        sticky   : false,
        position : 'top-center',
        type     : 'notice'
    });
    $(".toast-container").removeClass(toast-position-top-right).addClass(toast-position-top-center);

也尝试过使用：

$("div.toast-container").removeClass(toast-position-top-right).addClass(toast-position-top-center);

我认为我用错了selctor，因为我得到了这个错误：

未捕获引用错误：未定义toast

如何正确选择该类？如何启用多个职位有其他想法吗？TIA

通过使用两个切换类属性的函数修复了它：

$("*[class*='toast-position-top-center']").removeClass('toast-position-top-center').addClass('toast-position-top-right');
$("*[class*='toast-position-top-right']").removeClass('toast-position-top-right').addClass('toast-position-top-center');

仍然不理想，但这是一个快速的解决方法。

相关文章：