代码仅在从控制台运行时有效

Question

我正在使用自适应滑块，并希望在图像上进行可点击的链接。

我发现这个插件可以制作响应式图像地图https://github.com/stowball/jQuery-rwdImageMaps/blob/master/jquery.rwdImageMaps.js

幻灯片看起来像这样，我在图片地图上有链接

  <li>
<img src="slide_2.png" usemap="#Image-Maps_5201211121032528"   />
<map id="_Image-Maps_5201211121032528" name="Image-Maps_5201211121032528">
<area shape="rect" coords="282,120,369,153" href="http://canvas.landsend.com/canvas/arrivals/blogger/index3.html"/>
</map> 
    </li>

我在页脚中初始化插件

  $(document).ready(function(e) {

$('img[usemap]').rwdImageMaps();

});

我收到一些奇怪的行为，仅当我调整浏览器大小或从控制台运行上述javascript时，才会显示图像映射/链接。 我尝试将代码设置为超时并设置“调整大小”功能以在准备好文档时触发。 除了从控制台运行图像地图或调整浏览器的大小外，似乎没有任何方法可以显示图像地图。

演示图像地图在第二张幻灯片的红色按钮上

Answer 1

这些文件路径错误，您的imageMap JS甚至不会加载到演示页面上：

http://www.widget.devserver2012.com/jenamobile/css/shCore.css http://www.widget.devserver2012.com/jenamobile/css/shThemeDefault.css http://www.widget.devserver2012.com/ jenamobile / js / imageMap.js

尝试首先解决这些问题。

干杯，罗布