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