一个链接不允许我的Jquery代码执行

Question

我有一个问题，我的jquery不工作的链接包装在一个类

HTML:

<span class="back_btn">
    <a href=""><img src="images/back.png" id="img_resize" /></a>
</span>

Jquery:

      <script type="text/javascript">
      $(document).ready(function(){
             $(".back_btn").click(function(){
                 $("#login_form").delay("fast").fadeOut(500);
                 $("#main_form").delay("slow").fadeIn(2000);
     });
     </script>

Answer 1

只需为anchor标签挂钩click事件，并通过使用e.preventDefault()来防止其默认行为(重定向到其他链接)。

,

$(".back_btn a").click(function(e){
 e.preventDefault();
 $("#login_form").delay("fast").fadeOut(500);
 $("#main_form").delay("slow").fadeIn(2000);
});