2013-08-31 1 views
1

colorbox 플러그인 (http://www.jacklmoore.com/colorbox/)을 사용하여 일종의 갤러리를 만들고 있는데 어떻게 든 작동하지 않습니다. jQuery colorbox plugin이 작동하지 않습니다.

내가 바로 웹 페이지 떨어져 데모 코드를 복사

<!doctype html> 

<html> 

    <head> 

     <link rel="stylesheet" href="colorbox.css" /> 

     <script src="jquery.js"></script> 

     <script src="jquery.colorbox.min.js"></script> 

    </head> 

    <body> 

     <a class='gallery' href='image.jpg'>Photo_1</a> 

     <script> 

      alert('colorbox is about to open') 

      $("a.gallery").colorbox(); 

     </script> 

    </body> 

</html> 

그래서, 분명히 내가 뭔가 잘못하고있는 중이 야, 난 그냥 무엇을 알아낼 수 없습니다 (내 링크를 맞도록 수정). jquery, colorbox 및 colorbox.css 파일을 html로 내 디렉토리에 포함 시켰습니다. 당신이 나를 도울 수 있다면, 미리 감사드립니다!

+0

"작동하지 않음"이란 무엇을 의미합니까? 올바르게 표시되지 않습니까? 또는 자바 스크립트 오류가 있습니까? –

답변

2

Firebug (Firefox의 경우 플러그인) 및/또는 Google 크롬의 관리자 (Chrome에는 기본적으로 있음)를 익숙해 져야합니다. 그 중 하나를 사용하고 있다면 요소를 마우스 오른쪽 버튼으로 클릭하고> 검사 한 다음 '네트워크'탭을 누릅니다.

네트워크 탭에서 페이지를 새로 고침하면 HTTP 요청이 표시됩니다. 이렇게하면 잘못 입력 된 경로 또는 도달 할 수없는 파일이 있는지 파악하는 데 도움이됩니다. 또한 '콘솔'버튼을 클릭하면 자바 스크립트 오류를 ​​볼 수 있습니다. 콘솔 버튼은 왼쪽 하단에 있습니다. 다음과 같이 보입니다. >=

+0

오케이, 나는 그것을했고 조금 도움이되었다. 나는 여전히 "Uncaught TypeError : Object [object Object]를 던지고 있는데, colorbox 파일을 참조했지만"colorbox "메서드가 없습니다 ... – user2734700

+1

이것은'colorbox()'메서드가 정의되지 않았 음을 의미합니다. '$ .colorbox ({html : "

Welcome

"}); 작동 중입니다. 작동하지 않으면'jquery.colorbox.min.js'가 제대로 포함되지 않습니다. –

+0

Thanks !! 나는 그것을 한 덩어리로 redid하고 그것을 일하게 만들었다! thnx :) – user2734700

0
    "<script src='$CFG->wwwroot/includes/js/custom.js' type='text/javascript'></script>"; 
      "<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>"; 
    require_once ($CFG->dirroot."/date/gcal_support.php"); 
      ($CFG->dirroot."/includes/js/jquery.validationEngine-en.php"); 
    echo "<script src='$CFG->wwwroot/includes/js/jquery.validationEngine.js' type='text/javascript'  ='utf-8'></script>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/includes/css/validationEngine.jquery.css'  ='text/css'/>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/my/css/template.css' type='text/css'/>"; 
    echo "<link rel='stylesheet' href='$CFG->wwwroot/users/css/style.css' type='text/css'/>"; 
      echo "<script src='js/jquery.validate.js' type='text/javascript' charset='utf-8'></script>"; 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script language="JavaScript" src="<?php $CFG->wwwroot?>/js/jquery.colorbox.js"></script>