2012-09-17 2 views
0

jQuery 탭 창 안에 jQuery 아코디언을 배치하려고하는데 삽입 할 때 나타나지 않는 탭에 대해 사용중인 코드와 충돌이있을 수 있습니다. 아코디언은 자체 페이지에서 잘 작동합니다. 페이지 헤드에 표시되는 스크립트입니다 :탭에 중첩 된 아코디언이 나타나지 않습니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="script/jquery.tools.min.js"></script> 
<script type="text/javascript" src="v3flashslideshow/slideshow.js"></script> 
<script type="text/javascript"> 
function goToByScroll(id){ 
       $('html,body').stop().animate({scrollTop: $("#"+id).offset().top},'slow'); 
     } 
function MM_jumpMenu(targ,selObj,restore){ //v3.0 
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
    if (restore) selObj.selectedIndex=0; 
} 
</script> 

페이지의 끝에있는 스크립트입니다 :

<script> 
$(function() { 
$(".tabs:first").tabs(".css-panes:first > div", { history: true }); 
}); 
$(function() { 
$("#accordion").tabs(
"#accordion div.pane", 
{tabs: 'h2', effect: 'slide', initialIndex: null} 

); }});

</script> 
</body> 

어디서 잘못 될지 누가 알 수 있습니까? 저는 jQuery의 초보자입니다. 어디에서 잘못 될지 알 수 없습니다. HTML은 모두 올바른 것으로 보이며 viewed here이 될 수 있습니다.

감사합니다.

답변

0

왜 jQuery UI와 jQuery 도구를 함께 사용하고 있습니까? jQuery UI는 탭과 아코디언을 수행 할 수 있으며 개인적인 경험을 통해 함께 작동한다는 것을 알고 있습니다. 또한, 드림위버에 의해 자동으로 삽입 된 것으로 추정되는 무서운 MM_ 코드를 제거하십시오.)

+0

나는 그들이 함께 작업 할 수 있다는 것을 알고 있습니다. 그렇지 않으면 내가 여기에 게시하지 않을 것입니다. UI 도구 링크를 제거했지만 아무런 차이가 없습니다. 내가 말했듯이, 나는 초보자입니다. 그리고 MM_code에 관해서는, 내 JumpMenu 기능을 위해 필요합니다. –

+0

탭과 아코디언이 만들어진 HTML 마크 업을 게시 할 수 있습니까? 진심으로, 어떤 코드라도 드림위버가 자동으로 추가하면 꽤 짜증납니다. 단순한 선택 상자 네비게이션 위젯을 생성하기 위해 eval (악조건!)을 사용할 필요가 없습니다. 비록 꽤 오래된 기술이지만, 선택 요소는 의미 론적으로 접근 가능한 내비게이션 장치가 아닙니다. – danwellman

+0

HTML은 꽤 길며 아마도 테스트 페이지 [here] (http://www.davidkneale.com/)를 통해 가장 잘 볼 수 있습니다. wcusa/expedition_leader.html). 원래 jquerytools를 기반으로 탭과 아코디언 요소를 별도로 코딩했으며, 이제는 같은 페이지에 결합하는 데 문제가 있습니다. 그들은 별도의 페이지에서 괜찮습니다. 문제는 페이지 맨 아래의 jQuery 코드와 관련이 있다고 생각합니다. –

관련 문제