jQuery href左键单击不起作用

Question

得到了我从一本书中稍微改编的代码（新手到忍者）。

用户单击"联系人"，会在下面打开一个带有电话号码和href链接的表单。左键点击链接没有任何作用，但我可以右键点击并"在新选项卡中打开"，然后它就可以工作了。

对于js和jQuery来说，这是一个相当新的问题，但我认为问题（我可能错了）是，无法正常工作的href链接与打开表单的"Contact"链接链接为相同的"a"，但我不知道如何更改这一点。

      <div id="contact">
    <a href="#">Contact</a>
    <form action="">
    Phone me on:018<br><br>Email me at <a href="http://www.guardian.co.uk/lifeandstyle/2012/apr/04/samantha-brick-hated-good-looks?newsfeed=true">click me</a>
    </form>
    </div>

Jquery

  $('#contact form').hide();
  $('#contact a').toggle(function() {
  $(this)
  .addClass('active')
  .next('form')
  .animate({'height':'show'}, {
    duration:'slow',
    easing: 'swing'
  });
  }, function() {
  $(this)
  .removeClass('active')
  .next('form')
  .slideUp();
  });

非常感谢

Answer 1

而不是

$('#contact a')

尝试使用

$('#contact > a')

通过这种方式，您只针对直接子级，而不针对其他<a>。我认为，当您单击带有href <a href="http://www.guardian.co.uk/lifeandstyle/2012/apr/04/samantha-brick-hated-good-looks?newsfeed=true">click me</a>的链接时，您的代码片段也会运行，并且脚本会中断，因此没有遵循