jquery转移效果不适用于oppsite流程

Question

我有以下代码。 当点击#eve元素它的作品，但是当我点击家链接它不工作。

<style type="text/css"> 
     #eve{min-height: 200px;width: 200px;background-color: #666600;top: 57px;left: 212px} 
     .ui-effects-transfer { border: 1px solid #9999ff } 
    </style> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="transfer.js"></script> 
    <script type="text/javascript"> 

     $(document).ready(function(){ 
      $("#eve").click(function() { 
       $(this).effect("transfer",{to: $("#home")}, 500,function(){$(this).hide()}); 
      }); 
      $("#home").click(function() { 
       $("#eve").show() 
       $("#eve").effect("transfer",{to: $("#here")}, 500,function(){$("#eve").show()}); 
      }); 
     }); 
    </script> 

首页 结束

Answer 1

如果#home是一个链接，你应该记住的是，浏览器将执行这个环节，所以你不能看到效果。

尝试：

$("#home").click(function() { 
    $("#eve").show(); 
    $("#eve").effect("transfer",{to: $("#here")}, 500,function(){$("#eve").show()}); 
    return false; 
}); 

或

$("#home").click(function (e) { 
    $("#eve").show(); 
    $("#eve").effect("transfer",{to: $("#here")}, 500,function(){$("#eve").show()}); 
    e.preventDefault(); 
});