無法找到jquery動畫的img標籤

在處理圖像時，我試圖用動畫降低當前拇指的大小並應用疊加。覆蓋層正在工作，但我似乎無法生成動畫，我認爲這與我找到圖像的方式有關。無法找到jquery動畫的img標籤

下面是HTML：

<img id='loading' /> 
.... 

<tr> 
    <td> 
     <img id="5" src="<?php echo($url['url'])?>" style="height:120px;"/> 
    </td> 
    <td> 
     <a href="#" id="img_5" class="test">Test Overlay</a></li> 
    </td> 
</tr>

CSS：

#loading { 
position: absolute; 
display: none; 
background:transparent url(../../images/overlay.png) repeat top left; 
}

我目前的點擊事件是這樣的：

$('.test').click(function(e) { 
     e.preventDefault(); 

     var loading_img = $('#loading'); 

     var id = $(this).attr('id').substr(4); 

     var img = $('#' + id);   
     var pos = img.offset(); 

     var $image = $('#' + id).find('img:first'); 

     $image.stop(true) 
      .animate({ 
      'width' :img.width() - 10 + 'px', 
      'height':img.height() - 10 + 'px', 
      },250); 

     loading_img.show().css({ 
      width: img.width(), 
      height: img.height(), 
      left:pos.left, 
      top:pos.top 
     }); 
    });

任何想法，我與我的動畫失蹤呼叫？

來源

2012-07-12 Paul

對不起，我剛剛糾正了我的示例代碼。我有兩個獨特的ID，但使用數字部分獲取圖像編號 – Paul 2012-07-12 19:43:52

您是否使用HTML5文檔類型？（在HTML5 id之前不能以數字字符開頭） – 2012-07-12 19:45:49

就是這樣！如果我在ID之前添加文本，它工作正常。 – Paul 2012-07-12 19:50:37

在HTML5之前，id不能以數字字符開頭。如果沒有HTML5文檔類型，使用此類ID可能無法在所有瀏覽器中使用。

來源

2012-07-12 19:51:55

無法找到jquery動畫的img標籤

回答

相關問題