2011-02-07 8 views
10

イメージをバックダウンするためにjqueryプラグインを作成しました。つまり、イメージの大きなバージョンのロードイベントが失敗します。私はthsiのようにしようとしました:jqueryでロードイベントがIE 8で失敗する

 var fullImage = container.find(options.fullSelector); 
     fullImage.attr('src', fullImageUrl).bind('load', function() { 
      content.fadeOut(options.fadeSpeed, function(){ 
       if(slideContent.size()){ 
        slideContent.slideUp(options.resizeSpeed, function(){ 
         smallImage.hide(); 
         fullImage.show(); 
         fullImage.parent().andSelf().stop().animate({ width: options.fullWidth + 'px' }, options.resizeSpeed); 
        }); 
       } 
       else{ 
        smallImage.hide(); 
        fullImage.show(); 
        fullImage.parent().andSelf().stop().animate({ width: options.fullWidth + 'px' }, options.resizeSpeed); 
       } 
      }); 
     }); 

エラーは言う:オブジェクトはプロパティまたはメソッドをサポートしていません。

何が間違っていますか?

はその後srcを設定し、最初のloadハンドラを設定

+0

、検索が実際に何かを見つけるされている場合、'判断します。 IE8は、トラバーサルに関していくつかの欠点があります。 2番目のメモに – karim79

+0

、IE8は何も読み込み幸せではありません。私はそれが他のブラウザをダウンロードすることを許可することにも驚いています:D – Shrinath

+0

私はthat:if(fullImage.size())。それは同じではありませんか?読み込みについて:私はnverに問題があった... – luksak

答えて

49

ありがとうございました。

fullImage.bind('load', function() { 
    ... 
}).attr('src', fullImageUrl); 
+2

男なら、もしできれば10倍もアップします。ありがとうございました。 – clime

+1

シンプルで効果的なソリューション。ありがとう –

+0

私のロードハンドラが決して発射していなかったOPとは若干異なる問題を抱えていましたが、これも私のために修正されました。誰でもこれがなぜ機能するのか説明するのに役立つことができます私の推測では、ロードハンドラが追加される前に、IEがキャッシュからイメージを引き出すかもしれないということです。関連:http://davidwalsh.name/image-load-event –

0

この内容はどうですか?最初の行は、 `警告(fullImage.length)後

var test = function($what) { 
 
    $('#debug').html('Image loaded: '+$what.width+' x '+$what.height); 
 
    console.log($what); 
 
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script> 
 
// Random image 
 
var src = "http://placehold.it/300x" + Math.round(Math.random() * (310 - 100) + 100); 
 
</script> 
 
<div id="debug">Image loading:</div>  
 
<img onload="test(this)" id="img" /> 
 

 
<script> 
 
$('#img')[0].src = src; 
 
</script>

関連する問題