javascript - 按钮未在 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 onDirect and delegated events中的部分。