0

我有一个fancybox modal/slideshow，一旦你点击页面上的一个项目就会被激活。然后它创建一个容器 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>
4

1 回答 1

0

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

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

这会将fancybox容器嵌套在带有ID的部分内content

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

于 2017-10-26T02:44:50.770 回答