jQuery 효과 표현 엔진

Question

jQuery를 표현 엔진 사이트에 구현하는 단계를 설명하고 아직 좋은 것을 찾지 못한 출처를 검색했습니다. sliderPro를 사용하여 일부 이미지에 간단한 슬라이더 효과를 적용하려고합니다. sliderPro에는 식 js 디렉토리에 업로드 한 애셋 수가 있습니다. EE에 대한 문서화 된 방법을 사용하면 다음과 같은 파일을 호출합니다.

 {exp:jquery:script_tag ui='core'} 
    {exp:jquery:script_tag effect='sliderPro'} 
    {exp:jquery:script_tag file='src/js/'} 
    {exp:jquery:script_tag file='src/css/'} 
    {exp:jquery:script_tag file='lib/sliderPro'} 
    {exp:jquery:script_tag file='lib/fancybox/'}

내 이미지의 모든 클래스와 ID를 사용했습니다. 요소를 검사 할 때 jQuery 함수가 전달되는 것을 보지 못합니까? 누군가 내가 실종 된 문제, 문제 (들) 또는 EE 사이트에 jQuery를 구현하는 단계를 안내하는 리소스로 안내 할 수 있다면 감사하게 생각합니다. 감사.

Answer 1

나를 구식이라고 부르지 만, 이것을 위해 ExpressionEngine 태그를 사용하는 것은 무엇입니까? JS 리소스에 대한 URL을 숨기는 이점을 훨씬 능가하는 훨씬 빠른 성능 (추가 데이터베이스 호출, 서버 측 파일 조회 없음, 브라우저에서 여러 개의 원격 라이브러리 동기 사용), 더 나은 제어 및 훨씬 적은 슬픔으로 html 태그를 직접 삽입 할 수 있습니다. .

는 문서에 따르면, 두 번째 줄은 잘못보고해야한다 :

{exp:jquery:script_tag plugin='sliderPro'} 

효과 매개 변수는 JQuery와 UI 라이브러리의 요청 부분이 아닌 타사 라이브러리 될 것이다. 또한 스크립트 태그에 3 개의 폴더를 지정하고 설명서에는 폴더가 아닌 확장자가없는 특정 파일이 나와 있습니다. 모든 필요한 JS 줄이 페이지에 삽입되지 않기 때문에 나는 당신을 위해 작동하지 않는다고 가정 할 수 있습니다. 위의 변경 사항이 여전히 작동하지 않으면 html 출력 결과는 무엇입니까? 콘솔에 JS 오류가 있습니까?

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link rel="stylesheet" href="/assets/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="/assets/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script> 
<link rel="stylesheet" type="text/css" href="css/slider-pro.min.css" media="screen"> 
<script type="text/javascript" src="js/jquery.sliderPro.min.js"></script>