Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 响应图像地图插件不工作_Javascript_Jquery_Imagemap - Fatal编程技术网

Javascript 响应图像地图插件不工作

Javascript 响应图像地图插件不工作,javascript,jquery,imagemap,Javascript,Jquery,Imagemap,我在使用Matt Stows jQuery插件创建响应性图像地图时遇到了一些问题。我遵循了所有的建议,但图像地图仍然没有响应。我希望你能帮忙。以下是说明(整页:): 如果可能,请向图像贴图图像添加正确的无单位宽度和高度属性。您可以在CSS中覆盖这些内容,使其具有响应性 在页面中添加jQuery的链接,最好是在页面底部 结账前 jQuery之后,在块或单独的文件中调用: $('img[usemap]')。rwdimageaps() 这是我的代码,我设置了一个固定的宽度和高度,在CSS中被覆盖 &l

我在使用Matt Stows jQuery插件创建响应性图像地图时遇到了一些问题。我遵循了所有的建议,但图像地图仍然没有响应。我希望你能帮忙。以下是说明(整页:):

  • 如果可能,请向图像贴图图像添加正确的无单位宽度和高度属性。您可以在CSS中覆盖这些内容,使其具有响应性
  • 在页面中添加jQuery的链接,最好是在页面底部 结账前
  • jQuery之后,在块或单独的文件中调用:

    $('img[usemap]')。rwdimageaps()

  • 这是我的代码,我设置了一个固定的宽度和高度,在CSS中被覆盖

    <div class="banners">
        <img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" />
        <map name="banner-y"><area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite">
    </div>
    
    
    
    在php的底部,我放置了以下内容:

    <script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"></script>
    <script>
        $(document).ready(function(e) {
            $('img[usemap]').rwdImageMaps();
        });
    </script>
    
    
    $(文档).ready(函数(e){
    $('img[usemap]')。rwdImageMaps();
    });
    

    如果您想知道,我将脚本源更改为URL,因为我不确定服务器上的正确路径,但这不应该是问题所在

    因此,我没有管理插件使其工作,我仍然怀疑,因为显然我没有做错什么,但我使用了另一个插件,最后它工作正常。如果其他人也有同样的问题,David Bradshaw的库会完全满足我的要求,并按应有的方式调整图像贴图的大小:

    我也有同样的问题,结果是我使用的是JQuery v1.8.3,当我将其更新到JQuery v1.9时,这似乎起到了作用

    可能是JQuery版本控制问题