ASP .NET C# 中的 jQuery Animate Zoom 函数

本文关键字:Animate Zoom 函数 jQuery 中的 NET ASP | 更新日期: 2023-09-27 18:32:07

我正在使用jQuery和Animate函数将按钮缩放到div,Chrome工作正常,但IE8工作到50%,因为我单击并进行了缩放,我再次单击并返回到原始大小,再次单击并再次缩放。

我的div 指南包含其他div,所以基本上我要做的就是像 pdf 缩放一样缩放,即 adobe 阅读器缩放到 pdf。

下面是按钮的 aspx 代码:

<asp:ImageButton ID="ImageButton2" ImageUrl="~/Images/zoom_in.png" OnClientClick="zoom(1); return false;" runat="server" Height="28" />
                                    <asp:ImageButton ID="ImageButton3" ImageUrl="~/Images/zoom_out.png" OnClientClick="zoom(2); return false;" runat="server" Height="28" />
                                    <asp:ImageButton ID="ImageButton4" ImageUrl="~/Images/zoom_reset.png" OnClientClick="zoom(0); return false;" runat="server" Height="28" />

这是jquery代码:

function zoom(type) {
            _targetsize = (type == 1) ? _targetsize * 1.2 : (type == 2) ? _targetsize * 0.8 : 1;
            $("#divGuide").animate({ zoom: _targetsize });
        }

谢谢。

ASP .NET C# 中的 jQuery Animate Zoom 函数

尝试在函数外部定义_targetsize变量,即

var _targetsize = 1;
function zoom(type) {

我终于解决了jquery-1.7.2.min版本的问题.js以及javascript加载的以下行:

        jQuery.fx.off = true; //Eliminating the Jquery effects it does everything all right on IE8