按钮不会在Bootstrap弹出窗口内触发

Question

我点击一个按钮来触发一个事件，但它无法正常工作....不确定是什么导致了它..

<div class="popOverProgressInsideRightDiv">
        <button id="popOverPause" class="btn btn-mini btn-gray btn-right">Pause</button>
    </div>


render : function() {
var compiledTemplate = Handlebars.compile(aTemplate);

$('#popOverPause').on('click', this.handlePausePress);

this.delegateEvents();

},
handlePausePress : function(event) {
alert("here");
}

Answer 1

您没有提供足够的信息，但看起来button在页面加载期间DOM中无法使用，并且在某个时间点动态插入，在这种情况下，您需要委派的事件处理程序如

$(document).on('click', '.popOverProgressInsideRightDiv #popOverPause', this.handlePausePress);

这只是猜测，所以不确定它是否会起作用，可能需要发布更多代码并进行广泛描述。

查看jQuery on中的Direct and delegated events部分。