1

jQuery UI メニューまたはアコーディオンを使用し、親ノードが選択されたときに a 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 のような親を何かを開くためのアクティブなリンクにする方法があるかどうか知りたいです。

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 に答える