0

http://new.damir.com.auをご覧ください。ポートフォリオ セクションの下に表示されている 2 つのポートフォリオ アイテムのいずれかをクリックします。

AJAX を使用して、1 つのファイルから HTML (イメージ タグを含む) を読み込み、それを親ファイルに挿入しています。画像がレンダリングされていないことを除いて、すべてが意図したとおりに機能します。HTML イメージ タグはありますが、ブラウザ ウィンドウのサイズを変更しない限り、画面に表示されません。ウィンドウのサイズを変更すると、画面に表示されるものが更新され、画像が適切に表示されます。これが私のコードです：

$.ajax({
            cache: false,
              type: 'POST',
              url: theURL,
              beforeSend:function(){
                // this is where we append a loading image
              },
              success:function(data){
                // successful request; do something with the data
                $(expandedElement).find('.wrap').append(data);
                expandedElement.addClass('loaded');
                // HTML has been loaded. Show it.
                // Initiate Flexslider
                  $(expandedElement).find('.wrap').flexslider({
                    animation: 'slide',
                    animationLoop: false,
                    prevText: '<span>Previous</span>',
                        nextText: '<span>Next</span>',   
                    slideshow: false
                  });
                  // Animate in the project
                $(expandedElement).fadeIn(1000);
                $('html, body').animate({
                    scrollTop: $(expandedElement).offset().top - 20
                }, 1000);

              },
              error:function(){
                // failed request; give feedback to user

              }
4

1 に答える 1

0

問題は、私が質問で話していたこととは無関係のようです。私は picturefill.js ライブラリを使用していましたが、これにより、AJAX を介してロードされたときに画像が正しくレンダリングされませんでした。

于 2013-01-08T12:44:42.630 に答える