2011-08-17 21 views
1

처음에는 fancybox가 작동했습니다. 그런데 사이트에 추가했을 때 완전히 실패했고 내가 잘못한 곳을 찾지 못했습니다.FancyBox를 사용할 수 없습니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>   
</script>   
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>   
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".fancyImg").fancybox(); 
}); 
</script> 

<div id="About-MichaelP"><p>Website made by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div> 

<div style="display: none;"> 
<div id="MichaelP" class="Hide"> 
<h1>About Michael Podsiadly</h1> 
<p></p> 
</div> 
</div> 

감사합니다. 그리고 이것은 나를 너무 피곤하게 만들었고, 나는 더 이상 똑바로 생각조차 할 수 없다. 당신이

$("a.group") 

는 "그룹"의 클래스와 태그를 고정하기 위해 참조하는 앵커 태그의 클래스를 설정하지 않은 것처럼

+1

* 한숨주세요 * (a) 베어스럽게 제공 한 스 니펫을 줄이십시오. 문제를 재현하는 데 필요한 최소 (b) 더 구체적이어야하고 "완전히 실패 함" – mpen

+0

죄송합니다. 나는 몰랐다. 그리고 내가 완전히 실패했다는 것은 슬라이드 쇼를 추가하고 웹 페이지의 CSS를 변경 한 후 fancybox를 추가하여 슬라이드 쇼를 클릭 할 때 작동한다는 것입니다. 그래서 나는 그것을 테스트했지만 아무 일도 없었습니다. 그것이 이미지 일 때, 그것은 단지 새로운 탭이나 새로운 창에서 그 이미지로 이동했습니다. – Michael

+1

맨 먼저 내가 본 것은 링크가'FancyImg' 클래스에 주어졌지만 JS가'.fancyImg'를 참조하는 반면 대소 문자를 구분한다는 것입니다. 먼저 수정하고 우리에게 연락하십시오. ** 편집 : ** 실제로 대소 문자가 일치하지 않습니다 ... – mpen

답변

0

안녕하세요 같습니다. 당신의 연결에 그룹 클래스를 추가

시도 :

<a href="#1" class="group"> 

또는

그것은 두 번 jQuery 라이브러리를 포함하도록 노력하고 있다고 할 수있다. 오류가 발생할 수 있습니다.

또는

내가이 일을 많이 할 : 그것은 파일이 잘못된 위치에 있다고 할 수있다. "js"폴더가 있습니까? 파일이 실제로 거기에 있습니다. CSS 파일이 제대로 첨부되어 있습니까? CSS에서 참조되는 이미지가 html 파일 또는 CSS와 관련이 있습니까? 이 질문에 대답하는 가장 좋은 방법은 Firefox에서 소스를 열고 js 및 css 파일에 대한 링크를 따라 가십시오.

+0

길에서 너무 많은 코드로 무엇을 하려는지 알 수 없기 때문에 이것은 잘못 될 수 있습니다. – Coomie

+0

고맙습니다. 모든 것이 올바른 파일에 설정되어 있고 하나의 jQuery 라이브러리 링크를 제거하고 다른 하나는 ajax.com에서 가져 왔지만 아무 일도 없었습니다 ... 모든 것이 여전히 동일합니다. – Michael

+0

링크를 게시 할 수 있습니까? – Coomie

관련 문제