jquery - 動的に読み込まれたコンテンツにより、ファンシー ボックス イベントが壊れる

Question

Ajax 呼び出しによるユーザーの選択に基づいて、さまざまなコンテンツを入力しているメイン ページがあります。ページがAjax呼び出し後のコンテンツをロードするとすぐに壊れるFancy Boxを使用しています。私は .on() の使用についてすべて読んだことがありますが、それを機能させることができないようです。私は少なくともこの種の専門家ではありません。

Ajaxの前に、私が通常行うことは次のとおりです。

    <script>
      $(document).ready(function() {            

    $("#june3a, #june3b, #june3c ").fancybox({
      'titlePosition'       : 'inside',
      'transitionIn'        : 'none',
      'transitionOut'       : 'none'
    });         

  });
  </script>

そして、これが私が .on() を使用しようとしているものですが、これは機能しません:

    <script>
      $(document).on("click", function() {          

    $("#june3a, #june3b, #june3c ").fancybox({
      'titlePosition'       : 'inside',
      'transitionIn'        : 'none',
      'transitionOut'       : 'none'
    });         

  });
  </script>

どんな助けでも素晴らしいでしょう。

Answer 1

$(document) はリンクか何かでなければなりません。

このようにしてみてください：

   <script>
  $(document).(function() {          
 $("#object").click(function() {
$("#june3a, #june3b, #june3c ").fancybox({
  'titlePosition'       : 'inside',
  'transitionIn'        : 'none',
  'transitionOut'       : 'none'
});   
}


});

クリック#objectの要素に置き換えます。