css - Internet Explorer-弹出窗口时不会触发 anchor 定事件状态

我正在创建自己的自定义样式的Facebook连接按钮。当有人单击它时，Facebook会弹出一个小窗口，用户可以在其中验证我的网站。问题是，锚的活动状态永远不会在Internet Explorer 9上触发。它正在Firefox和Chrome上运行。如果我注释掉弹出Facebook的Javascript，则活动状态开始工作。即使锚点弹出窗口，如何使IE触发活动状态？

的HTML

<a class="facebookConnect">Login with Facebook</a>

的CSS

.facebookConnect {
   background: red;
}

.facebookConnect:hover {
   background: blue;
}

.facebookConnect:active {
   background: green;
}

JS

$$('.facebookConnect').each(
   function(button) {
      button.observe(
         'click',
         function() {
            FB.login();
         }
      );
   }
);

最佳答案

您的标记缺少必需的href属性。即使只是href =“＃”，也需要它。这样做，它可能会起作用。