WordPress에 flexslider 슬라이드 쇼를 추가하려고했지만 코드를 슬라이드 쇼에 표시 한 후 아무것도 표시하지 않았습니다. 불 덩어리를 보면 슬라이드 쇼를 위해 만든 div가 있지만 flexslider가로드되지 않습니다. TwentyTwelve 테마의 하위 테마를 사용하고 있으며 수정할 하위 테마 디렉토리의 header.php를 복사했습니다. 여기WordPress에서 Flexslider가 작동하지 않습니다.
<link rel="stylesheet" href="css/flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<!-- Load the flexslider -->
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade", // slide or fade
controlsContainer: ".flex-container" // the container that holds the flexslider
});
});
</script>
그리고 페이지에서 슬라이드 쇼 :
<div id="flexslider-container">
<div class="flexslider">
<ul class="slides">
<li><img src="/images/Penguins.jpg" /></li>
<li><img src="/images/Desert.jpg" /></li>
<li><img src="/images/Koala.jpg" /></li>
</ul>
</div>
</div>
복사 - 파스타의 첫 번째'<'를 잊어 버리셨습니까? – brbcoding
그래, 나는 헤더 파일에 가지고있다. 결정된. – Reick