Question

我有一个带有按钮的页面，当点击它时会使用jquery和foundation打开一个揭示模式。它看起来有点像：

$(".playersScores").unbind('click').bind('click', function () {
    $('#addScore2').foundation('reveal', 'open');
    //Do some stuff
});

在模态中有一个提交按钮，单击该按钮可关闭显示内容：

$(".submitButton").unbind('click').bind('click', function () {
    // do some stuff
    $('#addScore2').foundation('reveal', 'close');
});

一旦模态关闭，玩家得分按钮不再有效，直到重新加载页面，这一切都有效 - 它只是停止侦听事件。

有人能指出我正确的方向吗？

Answer 1

使用.off().on()代替unbind().bind()，以便您的新内容（包括新的div.playersscores）正确接收事件处理程序。

Answer 2

我在基金会论坛上问了这个问题：

我最终得到的解决方案是：

$(document).on('click', ".playersScores", function () {
    $('#addScore2').foundation('reveal', 'open');
    //Do some stuff
});