试图让点击功能在网站上运行

Question

以下是我在http://tylerfurby.com的网站 - 我正在尝试使用以下点击功能：

$("#click").click(function() {
  console.log('clicked on #click');
  enterSite();
  });

目前似乎无所事事，这是HTML：

<div class="interact">
<h2 id="click"><a class="enterSite">Click here to continue</a></h2>
</div>
<script type="text/javascript" src="script.js"></script>
</div>

这是我试图在click函数中调用的函数：

var enterSite = function () {
   $("#click").addClass('blur');
   $("#click").animate({ left: "100%" }, 2000,'easeOutElastic', function() {
      $(this).removeClass('blur')
   });
}

感谢您的时间。

Answer 1

您的问题是z-index问题。 #click没有收到该事件。此外，＆＃34;点击任何地方＆＃34;应该使用$（window）.on（＆＃34; click＆＃34;）代替。