Question

我有一些javascript需要覆盖图来显示图像的完整预览，还有一个按钮可以放大/缩小，还有一个按钮可以返回。

问题是，当我第一次查看完整图像时，放大/缩小切换工作正常，但当我返回缩略图并启动另一个图像时，放大/缩小功能不起作用。

DOM树结构如下：
overlay(**parent**) >> imgContainer >> imgCanvas(draggable) >> img

可能有些代码会对我的情况有所帮助。谁能告诉我在这里做错了什么？

//enables the zoom-in/zoom-out toggle function
        $('#Zoom').toggle(function() {
                img.removeAttribute("height");
                $("#draggable").draggable();                
                iconZ.setAttribute("src", "nav/nav-zoom-out.gif");
            },              
            function() {
                img.setAttribute("height", "270px");
                $("#draggable").draggable('destroy');
                $("#draggable").animate(
                { "left": $("#draggable").data("Left"), "top": $("#draggable").data("Top")}, "slow");
                iconZ.setAttribute("src", "nav/nav-zoom.gif");
                });

        //navigates back to the thumbnails
        home.addEventListener('click', function() {


            $('imgCanvas').remove();
            imgContainer.removeChild(imgCanvas);
            overlay.removeChild(imgContainer);

            $('#overlay').removeClass("on");
            }
            , false);

Answer 1

你正在摧毁你正在放置图像的页面部分。我认为你的意思是只隐藏它们。

Javascript放大/缩小覆盖不能在第二次图像加载时工作

1 个答案: