javascript - jquery click 在 IE 上未触发

Question

我看过很多关于这个问题的帖子，但没有一个解决方案有效。以下..

<script type="text/javascript">

$(document).ready(function() {
  $("a.login_linkedinbutton").click(function(){
    $("#signup-form").submit();
    return false;
  });
});

</script>

是我在页面正文标记中的内容。正文中还有表单，其 IE 中的 html 显示如下..

<form accept-charset="UTF-8" action="/auth/linkedin" class="well form-inline" id="signup-form" method="post">
  <a class="login_linkedinbutton" href="#">Login using Linkedin</a>
</form>  

在 IE8 中，当单击表单内的链接时，jquery 不会被触发。它可以在 Chrome 和 Firefox 中运行。我试过:

1) 使用live事件绑定(bind)点击 Action 2)将jquery移出页面并移入rails Assets

还有什么想法可以尝试吗？

Answer 1

使用<input type="submit" value="Login using Linkedin">为什么要通过使用非标准元素来制造问题，然后尝试从中恢复？

如果您希望它看起来像链接，只需设置按钮的样式即可。但为什么要这么做呢？建议用户在提交表单时转到另一个页面是很差的用户体验。大多数用户在填写表单后都避免点击链接，因为他们担心丢失刚刚输入的内容。

如果您坚持使用该链接，可以尝试以下操作:

var onLinkedInLogin = function(e){
    e.preventDefault(); // stops the link processing
    $("#signup-form").submit();
    // add return false; if you want to stop event propagation also
    // equivalent to calling both, e.preventDefault() and e.stopPropagation().
};

$(document).on('click', 'a.login_linkedinbutton', onLinkedInLogin);

我建议使用 .on() 的原因而是 .click()我猜在 IE 上，a.login_linkedinbutton当您调用.click()时，DOM中不存在.