2012-01-05 4 views
1

Wordpress codex에 따르면 wp_head(); 닫는 head 태그 바로 앞에 위치해야합니다.<? php wp_head(); ?>가</head> 앞에 있어야합니까?

wp_head(); 코드 뒤에 코드를 삽입 할 때; 그것은 작동합니다. 하지만 wp_head() 전에 삽입 할 때; 그 결과로 공백이 생깁니다. 빈둥 거릴 때 Firebug sais를보기 위하여 그림을보십시오.

<link rel="stylesheet" href="flexslider/flexslider.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="flexslider/jquery.flexslider.js"></script> 

<script type="text/javascript" charset="utf-8"> $(window).load(function() { 
    $('.flexslider').flexslider({ 

     slideshow: true, 
     controlNav: false, 
     directionNav: false, animation: "slide",  slideshowSpeed: 4500, animationDuration: 600, 

      }); }); </script> 

방화범 : enter image description here

이 와서 어떻게

코드인가? 어떤 아이디어?

+0

'flexslider/jquery.flexslider.js'가로드 되었습니까? 아마도 절대 URL을 사용해야합니다. –

+0

내가 게시 한 코드에 어느 것도 표시되지 않습니다. –

답변

6

예, wp_head()</head>보다 앞에 있어야하지만 자바 스크립트 코드는 </body>보다 커야합니다.

자바 스크립트는 항상 DOM의 끝에 삽입하는 것이 좋습니다. 수없는 경우 (예를 들어, 특정 자바 스크립트가 귀하의 경우 사실로하지 않는 것 DOM, 전에로드해야합니다), </head> 전에 넣어

또한 wp_head();

편집 한 후, 무엇을 귀하의 경우에는 SEO 친화적 인 URL을 사용하는 경우 기본 스크립트에 액세스 할 수 없다는 것을 알았습니다. 절대 URL을 지정해야합니다.

+0

본문에 자바 스크립트를 넣고 CSS 링크와 두 스크립트 링크를 헤더에 보관해야한다는 의미입니까? 여기에서 코드를 얻었습니다. http://flex.madebymufffin.com/ 그들은 모두 헤더에 있어야한다고 말합니다. – Felix

+1

그들은 틀린데, javascript는 항상 dom의 끝에 ( 직전) 있어야합니다 (아주 특별한 경우 제외). 그래서 네, 당신은 머리에 CSS를 넣고 그 시체의 끝에 자바 스크립트 코드를 이동해야합니다. –

+0

어쨌든 wp_head와 사이에 넣어도 괜찮습니까? – Felix

관련 문제