2012-10-10 47 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 
}) 
相关问题