jquery - 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();
});