Question

我正在使用jquery toastmessage 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是错误的，因为我收到了这个错误：

未捕获的ReferenceError：未定义toast

如何正确选择该课程？如何启用多个职位的任何其他想法？ TIA

Answer 1

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

$("*[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');

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

jquery toast消息多个位置，如何在运行时更改位置类？

1 个答案: