2012-10-10 4 views
1

jQuery UI 메뉴 또는 아코디언을 사용하고 자식 노드/중첩 링크를 보여주는 다른 기능을 수행하기 위해 부모 노드를 선택하면 href가 열려야합니다.상위 링크를 활성화하는 방법은 무엇입니까?

다음 코드를 사용하고 있지만 jquery-ui.js 파일에서 구성해야 할 수도 있습니다.

<!doctype html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Accordion - Default functionality</title> 
    <link rel="stylesheet" 
    href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 

    <script> 
     $(function() { 
      $("#accordion").accordion(); 
     }); 
    </script> 
</head> 

<body> 
    <div id="accordion"> 
     <li><a href="http://www.yahoo.com" target="_blank">yahoo1</a> 
      <ul> 
      <li><a href="http://www.bing.com" target="_blank">bing2</a></li> 
      </ul>    
     </li> 
     (...) 

예 : 나는이 페이지에 표시 할 좋아한다 yahoo1 내용을보고 싶어 yahoo1 클릭 할 때와 여전히 중첩 된 bing2 아이를 표시 (페이지의 컨텐츠를 호출하는 아약스를 사용합니다).

본질적으로 yahoo1과 같은 부모님이 뭔가를 여는 데 필요한 활발한 링크를 만드는 방법이 있는지 알고 싶습니다.

답변

1

당신은 아약스 load() 기능을 사용할 수 있습니다

$("#accordian.li.a").on("click",function(){ 
    $("#accordian").load($(this).attr("href")); 
// you need to create a div to append the data returned by ajax call 
}) 
관련 문제