jquery - 动态加载的内容导致花哨的盒子事件中断

Question

我有一个主页，我通过 Ajax 调用根据用户选择填充不同的内容。我正在使用 Fancy Box，它会在页面加载 Ajax 调用后的内容后立即中断。我已经阅读了有关使用 .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为点击的元素。