我正在尝试在 Twitter Bootstrap 模式对话框中加载 Facebook 登录按钮:
$("a.fb-login, .modal a.fb-login").on("click", function(e) {
e.preventDefault()
FB.login(function(response) {
// ...
这对于放置在模式对话框外部的按钮效果很好,但是当元素在对话框中呈现时(从 Bootstrap 箱触发),单击链接只会使对话框消失,而不是在新窗口中启动 Facebook 弹出窗口:
// when 401 unauthorized
message = $("#login-form").clone();
bootbox.modal(message)
最佳答案
我怀疑当您调用 on()
方法时,监听器仅附加到当前页面上的元素。
如果您希望能够处理新创建的元素上的事件,而不必重新附加监听器,请尝试将监听器附加到整个页面,但使用选择器来过滤掉事件,如下所示:
$('body').on('click', 'a.fb-login, .modal a.fb-login', function(e) {
e.preventDefault()
FB.login(function(response) {
// ...
显然,缩小监听器的附加位置是一个很好的做法。
关于javascript - Bootbox 模式中的链接不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10179495/