1

jquery toastmessage http://akquinet.github.com/jquery-toastmessage-plugin/を使用していますが、制限に達しました。つまり、プラグインではページごとに 1 つの位置しか許可されません。プラグインは次のコンテナーを出力します。

<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);

次のエラーが発生するため、セレクターを間違って使用していると思います。

Uncaught ReferenceError: トーストが定義されていません

そのクラスを適切に選択するにはどうすればよいですか? 複数のポジションを有効にする方法はありますか? ティア

4

1 に答える 1

3

クラス属性を切り替える 2 つの関数を使用して修正しました。

$("*[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 に答える