一个不允许我的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

只需挂钩该click标记的anchor事件，并使用e.preventDefault()阻止其默认行为（重定向到其他链接）。

尝试，

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