Question

所以在新的投资组合网站上，我正在为自己工作，我正在使用以下插件。 https://github.com/stowball/jQuery-rwdImageMaps虽然它似乎在我的网站上无法正常运行。我不明白为什么一切都设置它应该是什么，似乎工作。如果有人可以快速浏览并帮助我，那将非常感激。

此处不起作用的图像映射的URL http://kmgp.us/skillcloud.php。

应该发生的事情很简单....当你点击单词云中的单词时，它会转到 #element 。（这是完美的工作），但由于这个网站是响应...当你重新调整页面大小时，图像地图会混乱。

该插件应该会自动重新调整图像映射的大小，但事实并非如此，我认为我的代码中存在严重或愚蠢的错误。

我使用jQuery插件的具体代码在这里......

<script>
$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();

    $('area').on('click', function() {
        alert($(this).attr('alt') + ' clicked');
    });
});
</script>

还有一些CSS代码导入，如果你进入firebug似乎正在应用，这是...

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: auto;
}

提前再次表示非常感谢！

Answer 1

你正在加载我的rwdImageMaps插件并在加载jQuery之前调用插件。如果检查控制台，则会看到2个错误：jQuery未定义且$未定义。在jQuery之后，将脚本向下移动到页面底部，其余部分。

那应该解决它：）

jQuery“Matt Stow的响应式图像映射插件”不起作用

1 个答案: