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 调用页面内容）并且仍然显示其嵌套的 bing2 子项。

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

4

1 回答 1

1

你可以使用ajaxload() 函数

$("#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
})
于 2012-10-10T08:18:36.813 回答