javascript - Bootbox 模式中的链接不可点击

Question

我正在尝试在 Twitter 引导模式对话框中加载 Facebook 登录按钮：

$("a.fb-login, .modal a.fb-login").on("click", function(e) {
    e.preventDefault()
    FB.login(function(response) {
    // ...

这对于放置在模式对话框之外的按钮效果很好，但是当元素在对话框中呈现时（从引导框触发），单击链接只会使对话框消失，而不是在新窗口中启动 Facebook 弹出窗口：

// when 401 unauthorized
message = $("#login-form").clone();
bootbox.modal(message)

Answer 1

on()我怀疑侦听器仅在您调用该方法时才附加到页面上当前的元素。

如果您希望能够处理新创建的元素上的事件而不必重新附加侦听器，请尝试将侦听器附加到整个页面，但使用选择器过滤掉事件，如下所示：

$('body').on('click', 'a.fb-login, .modal a.fb-login', function(e) {
  e.preventDefault()
  FB.login(function(response) {
  // ...

显然，缩小听者所在的范围是一种很好的做法。