因此,在新的投资组合网站,我正在为自己工作,我正在使用以下插件。https://github.com/stowball/jQuery-rwdImageMaps,尽管它在我的网站上似乎没有正常工作。我不明白为什么所有的东西都是固定的,它应该是怎样的,而且看起来是有效的。如果有人能快速地看一看,帮我一下,那将是非常感谢的。
不起作用的图像映射的URL在这里,http://kmgp.us/skillcloud.php。
应该发生的事情很简单..。当您单击单词云中的单词时,它会下降到#元素。(运行得很好),但既然这个网站有反应.当你重新调整页面的大小时,图像地图就会变得混乱.
插件应该自动调整图像地图的大小,但是它不是这样的,所以我假设我的代码中有一个严重的或愚蠢的错误。
我使用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;
}再次表示衷心的感谢!
发布于 2013-01-27 11:30:22
您正在将我的rwdImageMaps插件加载到头中,并在jQuery加载之前调用插件。如果检查控制台,就会看到两个错误: jQuery是未定义的,$是未定义的。将脚本向下移动到页面底部,在jQuery之后,与其他脚本一起移动。
这应该能解决这个问题:)
https://stackoverflow.com/questions/14546220
复制相似问题