jQuery 가로형 아코디언

제대로 작동하지 않습니다. 이렇게하면 웹 사이트 http://nicolahibbert.com/demo/liteAccordion/에 "기본 구현"아래에 표시되는 방식이 표시됩니다.이 것은 기본 주문 목록입니다. 나는 오늘 일찍이 사이트에서 이것을 구현했는데 좋았지 만, 이제는 집에 돌아가서 다른 일을하려고 노력하면서 작동하지 않습니다. 여기 jQuery 가로형 아코디언

은 (여기

<head> 
<meta charset="utf-8" /> 
<title>506 Media</title> 
<link rel="stylesheet" type="text/css" href="/Content/CSS/Site.css" /> 
<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="/Scripts/modernizr-1.7.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="/Scripts/liteaccordion.jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#content-container').liteAccordion(); 
    }); 
</script> 
</head>

좀 더 HTML ...

<div id="content-container"> 
<ol> 
    <li> 
     <h2><span>Slide One</span></h2> 
     <div> 
      Test 1 
     </div> 
    </li> 
    <li> 
     <h2><span>Slide Two</span></h2> 
     <div> 
      Test 2 
     </div> 
    </li> 
</ol> 
</div>

나는 몸과 $없이 스크립트를 추가하려고했습니다 (기능입니다 .... 몇 가지 코드) 사이트에 표시되고 아무것도 표시되지 않습니다. 그냥 일반 정렬 된 목록입니다. 자바 스크립트 오류가 없습니다. 내가 뭘 잘못하고 있습니까?

편집 : 또한 페이지를 실행 한 후에 원본을 확인할 때 아무 것도 적용되지 않습니다. html로 여기에 .liteAccordion()이 내 div에 아무 것도하지 않도록 몇 가지 클래스와 스타일 속성이 있어야합니다.하지만 다시 오류가 없습니까?

출처

2012-05-30 Shane LeBlanc

글쎄, 리소스를 다시 확인한 후, 아무 것도 빨간색 x가 없었지만 클래스가 아코디언을 만든 html에 적용되지 않았 음을 알게되었습니다. CSS가 작동하지 않고 리소스가 다시 검사되고 있다는 것을 알았습니다. 필요한 스타일 시트가 HTML 헤더에 있었지만 목록에 없습니다. 당신이

<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
// Should Be 
rel="stylesheet"

그것은, 그들은 모두가 작은, 가장 명백한 우리 너트 드라이브 것들 .. 그냥 확인

출처

2012-05-30 22:50:58

참조한 폴더 구조가 없으면 태그에있는 URL을 기반으로 페이지가로드 될 때 스크립트 또는 CSS 파일이 인식되지 않는 것처럼 들립니다. 즐겨 찾는 브라우저에서 페이지를 열고 F12를 누르고 브라우저에 따라 "리소스"또는 "스크립트"탭을 선택하고 파일 옆에 빨간색 x가 있는지 확인하십시오.

출처

2012-05-30 00:40:27

있어 그리고 아무도 빨간색 없습니다 ... 위의 게시 된 코드에서 볼 수 있듯이 문제였다 ... –

답변

관련 문제