[英]jQuery zoom function fails after several zoom ins and outs
我正在将jQuery Zoomable maps插件用于具有两种类型的地图和图例的WordPress网站。 目前处于维护模式,因为它尚未向公众开放。 我喜欢它的放大和缩小功能。 我什至在图例中添加了一个触发器,以使图例中的链接可以在地图上放大和缩小以使用以下额外代码:
jQuery(document).ready(function($){$('#area-one-button')。click(function(){$('#area-one')。click();});});
但是我一直有问题。 经过几次放大和缩小后,有时缩放不再起作用,直到我刷新页面或等待几分钟。 当我单击图例中的缩小按钮时,我将无法再单击地图上的可缩放字段,因为它不知何故无法缩小。 这就是问题。 但是如何解决呢?
链接到所有代码文件的位置是: http : //javascript.pastebin.com/qpEHcDts (只能添加一个链接)
在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"> </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>
地图现在加载得更好,客户也很满意。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.