2010-08-23 5 views
2

jquery 아코디언 메뉴에 문제가 있습니다. 나는 오직 텍스트 "Chewable Oraldolphilus"가 url로 가고 싶다. 마우스 오버가 아닌 클릭으로 작동해야한다는 요구 사항이 있습니다. 지금 바로 링크 옆의 아무 곳이나 클릭하면 아코디언을 확장하는 대신 URL로 이동합니다. 제발 조언. 감사. 앵커 태그는 yahoo.com에 간다 - 당신이 을 클릭 할 수있는 유일한 것은 앵커 태그입니다 :jquery accordion에 URL을 추가하십시오.

http://www.maxihealth.com/test/accordion3.html

+0

코드를 눈에 보이도록 SO 내부에 게시하십시오. – adardesign

답변

1

이 사용자가 정의한 것입니다. 따라서 div 태그를 추가하면됩니다. 예를 들어 :

<li> 
    <div class="head"> <!-- this is the block which you click to open the div beneath --> 
     <a href="http://yahoo.com">Yahoo</a> <!-- this link leads you to your URL (yahoo.com) --> 
    </div> 
    <div> <!-- this is the hidden container --> 
     Content goes here. 
    </div> 
</li> 

PS : 외부 JS를 사용하려고 - 자바 스크립트/JQuery와 통해 뭔가를 링크 할 클래스를 정의 할 수 있습니다 당신의 (외부) JQuery와 파일에 다음과 같은 추가 :

$('.class').click(function(){ 
    location.href = 'http://yahoo.com'; 
}); 
0

소스 코드를 보지 못했지만 다음과 같이 작동해야합니다.

$(".head > div:first-child").click("function(){ 
$(this).next().slideToggle(500); 
    return false // this prevents the default behavior (changing the location of the page) 
}") 
관련 문제