Question

编码很新，不能让这个插件正常工作。我知道这对于更有经验的偷窥者来说是一个快速解决方案，但对我而言，它让我疯狂......

    <!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="event.move.jquery.json"></script>
        <link rel="stylesheet" type="text/css" href="foundation.css">
        <script src="jquery-3.0.0.min.js"></script>
        <script src="jquery.event.move.js"></script>
        <script src="jquery.twentytwenty.js"></script>
        <link rel="stylesheet" type="text/css" href="twentytwenty.css">
        <script>
            $(window).load(function() {
                $("#container1").twentytwenty();
            });
        </script> 
        <title>test</title>
    </head>
    <body>
        <div id="container1" class="twentytwenty-container">
            <img src="images/IMG001.jpg">
            <img src="images/IMG001_alt.jpg">
        </div>
    </body>
</html>

我已经完全下载并粘贴了JS文件，就像他们上网一样。插件源页面上的说明让它听起来如此简单，但我无法弄清楚我做错了什么......我所做的只是改变图像。任何指导都将非常感激：）

插件来源：http://zurb.com/playground/twentytwenty

Answer 1

尝试评论此行，然后重试

        <script src="event.move.jquery.json"></script>

Answer 2

使用jquery 1.10.1而不是3。

JQuery Twetwenty插件

2 个答案: