fancybox가있는 greybox를 업그레이드하지 마십시오.

잘 작동하는 회색 상자를 사용하고있었습니다. 하지만 fancybox로 업그레이드하려고하지만 링크로 리디렉션 중입니다. 여기fancybox가있는 greybox를 업그레이드하지 마십시오.

도와주세요 어느 하나 내 코드입니다 :

<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>

내가 추가 추가 할 필요가 있나요은?

출처

2014-04-21 Anonymous

거기에 출력이 자바 스크립트 콘솔에 있습니까? 그렇다면 여기에 붙여 넣으십시오. 주어진 설명을 감안할 때 추가 명령어가 실행되지 못하게하는 JS 오류가있는 것 같습니다. – nstCactus

Uncaught TypeError : undefined가 13 행의 함수가 아닙니다. –

회색 상자는 멋진 상자와 친밀 할 수 있습니다. greybox 스크립트를 제거하고 시도하십시오. 그것은 작동 할 것입니다

<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" /> 
-->

출처

2014-04-21 11:03:54 Shafeeq

다른 함수 이름을 사용하는 것처럼 보이지만 충돌이 확실하지 않지만 fancybox로 전환하면 페이지로드가 빨라집니다. . – nstCactus

고마워. 내가 위와 같이 언급하면 잘 작동한다. –

fancybox가있는 greybox를 업그레이드하지 마십시오.

답변

관련 문제