Javascript中的圖像放大/縮小不適用於第二個圖像加載

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

你正在摧毀看起來像你正在把圖像放在頁面的部分。我認爲你的意思是隻隱藏它們。