Question

我正在尝试使用jquery load（）将html文件加载到隐藏在可查看屏幕右侧的<section>中。该函数获取我正在请求的文件的正确部分（如firebug中所示），触发回调动画（如屏幕上所示），但不填充<section>。

当我在console.log（）中匹配的元素时，它看起来好像应该填充正确的部分。帮助

我的jquery看起来像这样：

$("a.more").not('.contact').click(function (event){
  event.preventDefault();
  var target = $(this).attr('href')+' #content';
  $(this).parents('article').children('section.toPopulate').load(target, function() {
    $(this).parents('article').children('header').animate({
      'left' : -$(this).parent('article').children('header').outerWidth()
    });
    $(this).animate({
      'left' : 0
    });
  });
});

html看起来像这样（页面上还有更多这样的内容）

<article id="projectID" class="project">
  <header class="dark">
    <div class="intro">
      <figure class="logo">
        <img ..>
      </figure>
      <h1>...</h1>
      <div class="text">
        <p>...</p>
      </div>
      <a class="more" href="#">more</a>
    </div>
  </header>
  <section class="slide toPopulate">

  </section>
</article>

谢谢！

Answer 1

问题解决了。事实证明，您无法使用外部文件的<body>标记上的ID加载（）。即使它检索文件，它也不会将其放在DOM中。我将id="content"移动到填充<div>的{{1}}标记内的<body>。

load（）on click不填充<section> </section>

1 个答案: