0

我一直在这个圈子里转来转去......！我是 jQuery 的新手。我有一个手风琴 (jquery.accordion.js)，我想要在您单击其中一个手风琴栏时显示的内容以动画方式显示。理想情况下，我希望从外部文件加载此动画内容。所以，我有我的手风琴页面（父），它像这样加载外部 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。请帮忙！！

单击此处在线查看并单击手风琴中的“教育”行

非常感谢您抽出宝贵的时间。

克里斯

4

0 回答 0