Question

我一直围着这个圈子四处转转......！我是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！ AAAAARGGHH！如果内容最终不是外部的话我不介意，我只是想让它适用于FF，Chrome和IE。请帮忙!!

Click here to see online并点击手风琴中的“教育”专栏

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

克里斯

将外部html加载到div中 - 在IE中未调用的外部文件中的jquery

0 个答案: