Javascript jQuery缩放功能在多次放大和缩小后失败

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

jQuery（文档）.ready（函数（$）{ $（“#区域一按钮”）。单击（函数（）{ $（“#第一区”）。单击（）； }); });

但我一直有问题。在几次放大和缩小之后，有时在刷新页面或等待几分钟之前，缩放不再起作用。当我单击图例中的“缩小”按钮时，我无法再单击地图上的可缩放字段，因为它不知怎的不知道我缩小了。这就是问题所在。但如何解决这个问题呢

---

所有代码文件的链接都在这里：（只能添加一个链接）

在JavaScript开发人员的帮助下，我根据jQuery插件优化了代码，如下所示：。以下是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> 

皇家X度假村
文本

---

“地图”现在加载效果更好，客户非常满意。

建议提供所有相关代码。我在这里可能错了，但是2x。在没有任何代码的情况下单击应该没有任何用处。添加了指向代码段的链接，其中包含指向所有需要的代码段/代码的链接，并对我自己进行了进一步的澄清。我只能粘贴一个链接。NB代码段在一天后过期