如何激活父链接?

时间:2012-10-10 08:13:02

标签: jquery accordion jquery-ui-accordion

我想使用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来调用页面内容)并仍显示其嵌套的bing2子项。

基本上,我想知道是否有办法让像yahoo1这样的父母li成为打开某些东西的活动链接。

1 个答案:

答案 0 :(得分: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
})