2014-09-05 4 views
0

내 웹 사이트에서 아코디언 기능을 사용하려고했지만 웹 사이트에 소스 코드를 복사하여 붙여 넣었습니다. http://jqueryui.com/ 아무 일도 일어나지 않습니다. 내 브라우저는 아코디언 기능이없는 텍스트 만 생성합니다. 제발, 내 코드를 편집하는 Microsoft 표현을 사용하여 도와주세요. 마크 업을보고, 당신이 쓴 정확히 읽지 않고jQuery 아코디언이 사이트에서 작동하지 않습니다.

+0

위해 작동 각각

파일, 포스트 코드 있도록 우리는 당신에게 정확한 해결책을 줄 수 있습니다. – Khaleel

+0

내가 달릴 때 y 코드, 오류가 계속 발생합니다. 파일을 찾을 수 없습니다 ../../../../../ code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css and File 찾을 수 없습니다 : resources/demos/style.css – Annie

+0

내 대답을 찾아주세요, 거기에 더 이상의 도움이 필요하면 의견을주십시오. – Khaleel

답변

1

문제는 JS와 CSS 파일

경우 제공 (http로 시작)는 자원 주어진 경로

링크의 전체 경로를 제공하여 귀하의 구성을 수행하기 위해이 코드를 사용하여 실험 작동하지 않습니다. 아래

다운로드 해당 파일 단계 갈 (브라우저에서 히트 링크를 -> 마우스 오른쪽 버튼을 클릭 -> 다른 이름으로 저장 ->)

같은 폴더 당신의 HTML/JSP 파일 안에 모든 다운로드 JS와 CSS를 넣어 현재와 ​​단지 jsCSS에 대한 srchref 속성에 어떤 경로없이 파일 이름을 줄이는 u는 페이지의 UI-라이브러리를 포함 있는지 확인하십시오

+0

정말 고마워요. 이것은 매력처럼 작동했습니다. :) – Annie

+0

@Annie 당신을 환영합니다. 이것이 유용하다면 투표를하십시오. – Khaleel

0

- 당신이 복사 코드를 붙여 ...

은 모두 스타일 시트 및 스크립트 링크를 포함나요?

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 

당신이를했다면 - 나는 당신이 개발하고있는 페이지를 디버깅하고 당신의 연결에 문제가 있는지 확인하기 위해 파이어 버그 (https://getfirebug.com/)를 사용합니다.

+0

예 내가 이런 오류가 있습니다. 파일을 찾을 수 없습니다 ../../../../../ code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css 및 파일을 찾을 수 없습니다 : resources/demos/style.css – Annie

1
<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Accordion - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#accordion").accordion(); 
    }); 
    </script> 
</head> 
<body> 

<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
    <p> 
    Holla holla 
    </p> 
    </div> 
    <h3>Section 2</h3> 
    <div> 
    <p> 
    Namaste 
    </p> 
    </div> 
    <h3>Section 3</h3> 
    <div> 
    <p> 
    adaab 
    </p> 

    </div> 
</div> 


</body> 
</html> 

애니 완성 된 코드와 제공되는 오류는 무엇입니까? 이제

+0

맨 위에 코드 및/또는 코드를 실행하면 오류가 계속 발생합니다. 파일을 찾을 수 없습니다 ../../../../ .. /code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css 및 파일을 찾을 수 없음 : resources/demos/style.css – Annie

+0

그냥 @Annie ... 할 일을하십시오. 이 파일들을 포함하고 오류를 얻는 코드의 스냅 샷 – Zafta