Обновление greybox с помощью fancybox не работает

Я использовал серую коробку, которая работает нормально. Но я пытаюсь перейти на fancybox, но он перенаправляет на ссылку. Любой, пожалуйста, помогите

Вот мой код:

  <script src="//code.jquery.com/jquery-1.8.0.min.js"></script>
 <script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.1.1"></script>
 <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.1.1" media="screen" />
     <script type="text/javascript">
        var GB_ROOT_DIR = "greybox/";
    </script>
<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

  <script>
   $(document).ready(function(){
      $("body").on("click",".fancybox",function() {
      link=($(this).attr('href'));
            $.fancybox({
            'width'                : '1000',
            'href'                 : link,
            'height'            : '750',
            'autoScale'         : false,
            'transitionIn'        : 'none',
            'transitionOut'        : 'none',
            'type'                : 'iframe'
            }); 
       event.preventDefault();
           });
 });
</script>  
</head>
<body>
<a class="fancybox" href="detail.php">Detail</a>
</body>
</html>

Есть ли что-то, что я должен добавить дополнительно?

Источник

1 ответ

Решение

Может быть, серая коробочка смешивается с модной коробочкой. Удалите сценарии grey box и попробуйте. это будет работать

<script src="//code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.1.1"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.1.1" media="screen" />

<!--
<script type="text/javascript">
   var GB_ROOT_DIR = "greybox/";
</script>

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/AJS_fx.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
-->
Источник
Другие вопросы по тегам