jquery - jQuery ポップアップ (bpopup) が表示されない

Question

単純に機能しない複数のポップアップ機能を実装しようとしています。2 種類のポップアップが表示されます。使用するプラグインは bpopup です。

// multibind on srate-classes for rating
$(document).ready(function () { 
$(document).on('click', '.SRATE', function() {
    $('#SRATE-div').bPopup({
        closeClass: 'srateBtn',
        modalClose: false,
        escClose: false,
        zIndex: -1
    });
    alert('sollte eigentlich erscheinen');
});

// multibind on brate-classes for rating
$(document).on('click', '.BRATE', function() {
    $('#BRATE-div').bPopup({
        closeClass: 'brateBtn',
        modalClose: false,
        escClose: false,
        zIndex: -1
    });
    alert('sollte eigentlich erscheinen');
});

});

関数をトリガーするための HTML:

<img width="24" height="24" src="img/glyphicons_150_rate.png" alt="Inserat ausstehend" class="BRATE" />

表示する ID:

<div id="BRATE-div">

HTML の要素は SRATE の要素で繰り返されます。

zIndex: 9999 を使用すると、ブラックアウト ウィンドウに noch コンテンツ フィールドが表示されます (実際には BRATE-div が表示されるはずです)。これがないと、alert() が表示される以外は何も起こりません。クリックするたびに、alert() が正しく起動されます。

手がかりがあることを願っています。前もって感謝します。