jQuery popup（bpopup）没有出现

Question

我正在尝试实现一个多功能的弹出功能。 我有两种弹出窗口出现。使用的插件是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-stuff重申了SRATE-thing。

使用zIndex：9999我得到了一个带有noch内容字段的遮光窗口（它实际上应该显示BRATE-div的东西）。没有它，除了出现alert（）之外没有任何反应。每次单击都会正确触发alert（）。

我希望你有一些线索。提前谢谢。