別のものがロードされた後に要素を移動する方法

私は、ページ上の項目をクリックするとアクティブになるfancyboxモーダル/スライドショーを持っています。次にbodyタグの最上部に配置されたコンテナdivを作成します。別のものがロードされた後に要素を移動する方法

このコンテナ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>

出典

2017-10-25 Lewis Carville

あなたが言及しているセレクタが、私はあなたがfancyboxのv3.x.を使用していると仮定していますので

fancyboxのバージョン2.xの場合 content ID

と巣セクション内部fancyboxコンテナは、代わりにparentを使用します

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

：それが本当ならば、同じようにあなたの呼び出しでparentEl APIオプションを使用します。

出典

2017-10-26 02:44:50 JFK

別のものがロードされた後に要素を移動する方法

答えて

関連する問題