Question

我正在使用jQuery Zoomable地图插件为WordPress网站提供两种类型的地图和图例。目前处于维护模式，因为它尚未向公众开放。我喜欢它的放大和缩小功能。我甚至在图例中添加了一个触发器，使图例中的链接触发放大和缩小地图上的这些额外代码：

jQuery（document）.ready（function（$）{ $（'＃area-one-button'）。click（function（）{ $（ '＃区合一'）点击（）; }）; }）;

但我一直有问题。经过几次变焦输入和输出后，有时缩放不再有效，直到我刷新页面或等待几分钟。当我单击图例中的缩小按钮时，我无法再单击地图上的可缩放字段，因为它不知道我缩小了。这就是问题所在。但是如何解决这个问题？

所有代码文件的链接在这里：http://javascript.pastebin.com/qpEHcDts（只能添加一个链接）

Answer 1

在JavaScript开发人员的帮助下，我已经设法基于jQuery插件优化代码，如下所示：http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps。以下是legend.js中的代码，用于使某些区域可以点击，并且可以毫不拖延地提高可缩放性。

jQuery(document).ready(function ($) {
    $('#1-coast-button').click(function() {
    $('#1-coast').click();  
        });
    $('#island-1-button').click(function() {
     $('#island-1').click();
    });
    $('#water-button').click(function() {
     $('#water').click();
    });
    $('#2-coast-button').click(function() {
     $('#2-coast').click();
    });
    });

在一个地图页面上加载的基本代码本身相当大，但这是一个.html地图页面上的代码加载的弹出窗口之一：

<a href="javascript:void(0)" id="dean-smith" class="bullet" rel="441-342">&nbsp;</a> 
    <div class="popup" id="dean-smith-box"> 
        <h3>Royal X Resort</h3> 
        <div class="popupcontent"> 
            <p>Text</p> 
        </div>
        <a class="close" href="javascript:void(0)"></a> 
    </div>

地图现在可以更好地加载，客户非常满意。

几次放大和缩小后，jQuery缩放功能失败

1 个答案: