2012-10-10 83 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是喜歡在頁面上顯示的內容(將使用AJAX調用頁面內容),仍然顯示其嵌套兵2子。

本質上,我想知道是否有辦法讓父li像yahoo1這樣一個活動鏈接來打開某些東西。

回答

1

您可以使用Ajax 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 
}) 
相關問題