Jquery plugins 单击后需要重置PinchZoom.js插件
使用PinchZoom.js插件创建移动网站以放大和缩小地图。它还有一个搜索功能,可以突出显示地图上的区域 当地图放大,有人搜索时,我希望pinchzoom.js重置回缩小的视图。我可以通过jquery删除缩放容器上的样式来实现这一点。但当我点击地图时,它会在搜索之前从原始放大位置开始缩放 我如何从jQuery的点击功能将pinchzoom.js插件重置回原来的加载比例Jquery plugins 单击后需要重置PinchZoom.js插件,jquery-plugins,Jquery Plugins,使用PinchZoom.js插件创建移动网站以放大和缩小地图。它还有一个搜索功能,可以突出显示地图上的区域 当地图放大,有人搜索时,我希望pinchzoom.js重置回缩小的视图。我可以通过jquery删除缩放容器上的样式来实现这一点。但当我点击地图时,它会在搜索之前从原始放大位置开始缩放 我如何从jQuery的点击功能将pinchzoom.js插件重置回原来的加载比例 <script type="text/javascript"> jQuery(function ($) {
<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>
jQuery(函数($){
$(函数重置(){
$('div.pinch-zoom')。每个(函数(){
新的RTP.PinchZoom($(此){
最大缩放:10
});
});
})
});
jQuery(函数($){
$(文档).ready(函数(){
$('#contactlink')。单击(函数(){
$('#formbox')。滑动切换('fast');
$('.pinch zoom.activeLocation').removeClass('activeLocation');
});
});
$(文档).ready(函数(){
$('#formbox')。单击(函数(){
$('#formbox')。滑动切换('fast');
});
});
})
jQuery(文档).ready(函数(){
jQuery('#E1')。单击(函数(){
jQuery('.pinch zoom').empty();
jQuery('.E1').addClass(“activeLocation”);
});
});
在我的例子中,我需要重置缩放图像。因此,将缩放图像的旧图像src保存在一个变量中,并创建新的html元素,即具有相同id的图像,并设置保存在临时变量中的旧图像src。通过方向更改,我们可以使用相同的解决方案
在您的情况下,保存zoom元素的值并删除它,重新创建html元素并分配旧值
也许这不是正确的解决办法,但对我来说是有效的