单击在基础显示关闭后不触发的事件

Question

我有一个页面与一个按钮，当点击打开一个显示模式使用jquery和基础。它看起来有点像:

$(".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

我在基金会论坛上问过这个问题:

http://foundation.zurb.com/forum/posts/17739-click-events-not-firing-after-foundation-reveal-close

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

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

Answer 2

使用.off().on()而不是unbind().bind()，以便您的新内容-包括新的div.playersscores -正确地拾取事件处理程序