Question

我是Zurb-foundation的新手，想要实现互换。我跟着安装过程到了字母，但图片不会加载，我错过了什么。我已经删除了除了交换之外的所有代码，以便您可以看到我是如何尝试使用它的。我已经检查并仔细检查了所有的脚本和图像链接，它们都是正确的，所以为什么它不起作用？

提前致谢

<!DOCTYPE html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="foundation.js"></script>
        <script type="text/javascript" src="foundation.interchange.js"></script>
    </head>
    <body>
        <img data-interchange="[images/slider-image-one-small.jpg, (default)], [images/slider-image-one.jpg, (large)]">
        <script>
            $(document).foundation();
        </script>  
    </body>
</html>

Answer 1

尝试将所有脚本放在页面底部而不是<head>。

<!DOCTYPE html>
<head>

</head>
<body>
    <img data-interchange="[images/slider-image-one-small.jpg, (default)], [images/slider-image-one.jpg, (large)]">

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="foundation.js"></script>
    <script type="text/javascript" src="foundation.interchange.js"></script>
    <script>
        $(document).foundation();
    </script>  
</body>

基础交换不会显示图像

1 个答案: