これでぐるぐるぐるぐるしてきました…！私はjQueryが初めてです。私はアコーディオン (jquery.accordion.js) を持っており、アコーディオン バーの 1 つをクリックしてアニメーション表示するときに表示されるコンテンツが必要です。理想的には、このアニメーション コンテンツを外部ファイルからロードしたいと考えています。したがって、次のように外部 HTML (子) をロードするアコーディオン ページ (親) があります。
<li>
<a href="#" onClick="$('#content').load('external.html');">Education<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<div id="content"></div>
</div>
</li>
外部ページには、アニメーション化する必要がある 2 つの div (基本的に画像といくつかのテキスト) があり、そのために次のものがあります。
<div id="screenshot">An image....</div>
<div id="contenttext"><p>Some text...</p></div>
<script type="text/javascript">
$( document ).ready(function() {
$(function(){
$("#screenshot").hide().delay(80).fadeIn(500);
$("#screenshot").hide().delay(500).animate({'opacity': 'toggle', 'margin-top': '10px'}, 1000, "easeOutExpo");
$("#contenttext").delay(200).animate({'margin-left': '520px'}, 500, "easeOutExpo");
});
An });
</script>
すべてがローカルで正常に動作し、FF と Chrome はオンラインで動作しますが、IE10 ではオンラインで外部 HTML が読み込まれますが、何もアニメーション化されません! これは、外部の html で jQuery のソースを指定していないためだと思います。FF と Chrome は親アコーディオン ページに既に読み込まれている jQuery を使用しますが、IE は何らかの理由で使用できません。ただし、外部 html でソースを指定すると、アニメーションは FF と Chrome で壊れますが、IE は修正されます。また、アニメーションをアコーディオン js に追加してみましたが、IE と FF オンラインでは動作しましたが、Chrome では動作しませんでした! ああああああ！コンテンツが最終的に外部のものでなくてもそれほど気にしません。FF、Chrome、および IE で機能するようにしたいだけです。助けてください!!
ここをクリックしてオンラインで表示し、アコーディオンの「教育」行をクリックします
お時間を割いていただき、誠にありがとうございました。
クリス