Question

我有一个fancybox模式/幻灯片，一旦你点击页面上的项目就会激活它。然后它创建一个容器div，它位于body标签的顶部。

我想将此容器div嵌套在页面上的#content div中。试图使用jQuery .appendTo方法，但它不起作用。我假设这是因为我需要在fancybox容器div加载后调用此函数。这是我到目前为止的地方：

jQuery(document).ready(function($) {
  $(".fancybox-container").load($(this), function(){
    $('.fancybox-container').appendTo('#content');
  });
});

<body>
  <div class="fancybox-container"></div>
    <section id="content">
      <a id="fancy-item" href="#"></a> <!-- When clicked this creates the fancybox container -->
   </section>
</body>

Answer 1

因为你提到的选择器，我假设你使用的是fancybox v3.x.如果这是真的，那么只需在您的通话中使用parentEl API选项：

jQuery(document).ready(function ($) {
    $("#fancy-item").fancybox({
        // API options
        parentEl: "#content"
    }); // fancybox
}); // ready

这会将fancybox容器嵌套在部分中content ID

对于fancybox v2.x，请改用parent。

如何移动元素一个接一个地加载

1 个答案: