0

这是我的问题。这里有一个漂亮的插件http://lab.smashup.it/flip/可以翻转东西。我设法实现了它，但出于某种奇怪的原因，我只渲染了动画的前半部分，第二部分只是不可见（或隐藏），然后它跳到最后。为了让事情变得更有趣，在某些时候一切都运行良好，但突然间就不行了。我当然尽可能回溯到一切正常的时候，同样的问题又来了。我似乎无法找到问题的根源。如果有人可以通过测试插件并告诉我他们是否设法获得完整的动画渲染来帮助我。对于我的 HTML，我基于插件演示页面的源代码来确保它，但无济于事。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test#0935</title>
    <script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        // Load jQuery 
        google.load("jquery", "1");
    </script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="JS/jquery.flip.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#id1").bind("click", function() {
                $("#flipo").flip({
                    direction: "bt"
                })
                return false;
            });
        });
    </script>
    <style type="text/css">
        #flipo {
            width:100px;
            height:70px;
            background-color:lightblue;
            margin:20px;
        }
    </style>
</head>
<body>
    <div id="flipo"></div>
    <div id="id1">left</div>
</body>
</html>

对于那些认识到这个问题的人，我确实尽量避免发布新帖子，直到有人建议我这样做，因为没有人阅读旧帖子。我还将我的初始帖子标记为删除。

4

2 回答 2

2

您发布的基本内容没有错，我设置了一个快速小提琴并且效果很好，但是那时我注意到您没有正确包含您的 JS。我认为问题就在于此。

首先，您使用google.load. 然后你会从 jQuery.com 获得一个（可能不同的）版本。此外，翻转依赖于 jQuery UI，我看不到您在发布的 html 片段中的任何地方导入它。

你为什么不试试这个并摆脱 google.load 和 jQuery.com 源代码，看看是否可行。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script src="JS/jquery.flip.js"></script>
于 2013-04-01T20:40:34.917 回答
0

演示小提琴

此插件依赖于jquery和jqueryUI，将两者都包含在您的代码中

于 2013-04-01T20:40:01.933 回答