AnythingSlider에서 사이트를 만들고 있고 패널 내부에서 jQuery UI의 아코디언 기능을 사용하려고하며 전체 페이지가 침대를 터벅 터벅니다. js 및 css에 대한 모든 참조가 작동합니다. 그리고 지금 뉴스를 위해 ... AnythingSlider 패널 내부에서 jquery UI (아코디언)를 사용하려고하는데 작동하지 않습니다.
<script type="text/javascript">
// Set up Sliders
// **************
$(function(){
$('#slider').anythingSlider({
startPanel : 1,
buildArrows : false,
autoPlay : false,
width : 600, // if resizeContent is false, this is the default width if panel size is not defined
height : 350, // if resizeContent is false, this is the default height if panel size is not defined
resizeContents : false, // If true, solitary images/objects in the panel will expand to fit the viewport
startStopped : true, // If autoPlay is on, this can force it to start stopped
navigationFormatter : function(index, panel){ // Format navigation labels with text
return ['home', 'menu', 'find us', 'order online', 'cater', 'contact'][index - 1];
}
});
$("#accordion").accordion({ header: "h3" });
});
</script>
그리고 몸에
: 실종 무엇<li class="panel2">
<div id="accordion">
<div>
<h3><a href="#">First</a></h3>
<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
</div>
<div>
<h3><a href="#">Second</a></h3>
<div>Phasellus mattis tincidunt nibh.</div>
</div>
<div>
<h3><a href="#">Third</a></h3>
<div>Nam dui erat, auctor a, dignissim quis.</div>
</div>
</div>
</li>
나는 이미 내가 질문에 포함 할 생각하지 않았다 CSS의 높이를 선언하지만, 여기에 대한 선언의 것 패널 내부의 클래스 = 슬라이더 : #slider .panel1 {width : 1000px; 높이 : 400px; } #slider .panel2 {width : 1000px; 높이 : 400px; } #slider .panel3 {width : 1000px; 높이 : 400px; } #slider .panel4 {width : 1000px; 높이 : 400px; } #slider .panel5 {width : 1000px; 높이 : 400px; } #slider .panel6 {width : 1000px; 높이 : 400px; } - 여전히 작동하지 않습니다. 다음은 URL입니다 : bigsilkdesign.com/mercado/index_jquery_ui.html – Adam