1

我正在使用 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);

我想我用错了选择器，因为我收到了这个错误：

未捕获的 ReferenceError：未定义 toast

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

4

1 回答 1

3

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

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

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

于 2012-09-06T09:21:38.837 回答