c# - asp .net c# 中的 jquery 动画缩放功能

Question

我正在使用 jquery 和动画功能对 div 执行缩放按钮，chrome 工作正常但 ie8 工作到 50％，因为我点击并进行缩放，我再点击一次然后出现返回到原始大小，再单击一次并再次缩放。

我的 div 指南包含其他 div，所以基本上我要做的是像 pdf 缩放一样缩放，即 adobe reader 缩放到 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 });
        }

谢谢。

Answer 1

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

var _targetsize = 1;
function zoom(type) {