Question

这就是我在http://www.hairattheritz.com/untitled.html所拥有的我喜欢它调整各种屏幕尺寸的方式，但我找不到一种方法来链接到主页。即使是我试过的无脚本链接也行不通......

<figure id="logo">
    <div data-picture data-alt="Hair at the Ritz logo">
        <div data-src="images/hatr_logo_s.png"> </div>
        <div data-src="images/hatr_logo_m.png" data-media="(min-width: 45em)"> </div>
        <div data-src="images/hatr_logo.png" data-media="(min-width: 60em)"></div>
        <noscript>
            <img src="images/hatr_logo.png" alt="Hair at the Ritz Logo" name="logo"       id="logo">
        </noscript>
    </div>
</figure>

我希望这是一个简单的修复......某个地方提前致谢

Answer 1

实际上index.html的链接对我有用。也许你因为标记和JS的几个问题而无法看到要点击的图像。您应该查看w3c validator以获取更多信息。

您正在使用JS中的$ Sign。我假设你想使用jQuery？然后你必须先包括它。例如，将以下内容放在html文件中：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

如何将data-src图像链接到内部页面？

1 个答案: