Question

我有一个主页面，我根据用户选择通过Ajax调用填充不同的内容。我正在使用Fancy Box，一旦页面加载Ajax调用后的内容，就会中断。我已经阅读了有关使用.on（）的所有内容但似乎无法使其工作。我至少不是这方面的专家。

这是我通常会做的，在Ajax之前有效：

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

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

  });
  </script>

这是我试图使用的.on（）WHICH不起作用：

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

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

  });
  </script>

任何帮助都会很棒。

Answer 1

$（文件）必须是链接或其他内容。

试试这样：

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


});

将#object替换为点击元素。

动态加载的内容会导致奇特的盒子事件中断

1 个答案: