使用PinchZoom.js插件创建移动网站,以放大和缩小地图。它还具有突出显示地图区域的搜索功能。
当地图放大并且有人搜索时,我希望pinchzoom.js重置回缩小的视图。我可以通过jquery删除Zoom Container上的样式来实现这一点。但是当我在地图上点击时,它会在搜索之前从原始放大位置开始缩放。
如何将pinchzoom.js插件从jQuery点击功能重置为原始的onload规模?
<script type="text/javascript">
jQuery(function ($) {
$(function reset() {
$('div.pinch-zoom').each(function () {
new RTP.PinchZoom($(this), {
maxZoom: 10
});
});
})
});
</script>
<script>
jQuery(function ($) {
$(document).ready(function() {
$('#contactlink').click(function(){
$('#formbox').slideToggle('fast');
$('.pinch-zoom .activeLocation').removeClass('activeLocation');
});
});
$(document).ready(function() {
$('#formbox').click(function(){
$('#formbox').slideToggle('fast');
});
});
})
</script>
<script type="text/javascript">
jQuery(document).ready(function (){
jQuery('#E1').click(function() {
jQuery('.pinch-zoom').empty();
jQuery('.E1').addClass("activeLocation");
});
});
</script>
答案 0 :(得分:0)
在我的情况下,我需要重置缩放图像。在一个变量中保存缩放图像的旧图像src并创建新的html元素,即具有相同id的图像,并设置我们保存在临时变量中的旧图像src。随着方向改变我们可以使用相同的解决方案。
在您的情况下保存缩放元素的值并将其删除并重新创建html元素并指定旧值。
可能是不正确的解决方案。但它适用于我。