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

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

1 个答案: