-1

jqueryui.com にあるものと同様のメニューを使用する場合、このメニューを同じページで必要に応じて 2、3、4 回繰り返すにはどうすればよいでしょうか? ブロック全体を単純にコピーして貼り付けると、2 番目のメニューから .js ファイルにアクセスできなくなることはわかっています。

.clone と appendTo の使用を検討してきましたが、これが正しい方向かどうかはわかりません。

ティア...

このコードは私のものではありませんが、私が見ているものの良い例です:

<head>
<meta charset="utf-8">
<title>accordion demo</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>
</head>
<body>

<div id="accordion">
<h3>Section 1</h3>
<div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
    Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
    condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
    Nam mi. Proin viverra leo ut odio.</p>
</div>
<h3>Section 2</h3>
<div>
    <p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus.
    Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit,
    faucibus interdum tellus libero ac justo.</p>
</div>
<h3>Section 3</h3>
<div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
    Quisque lobortis.Phasellus pellentesque purus in massa.</p>
    <ul>
        <li>List item one</li>
        <li>List item two</li>
        <li>List item three</li>
    </ul>
</div>
</div>

<script>
$( "#accordion" ).accordion();
</script>

</body>
4

2 に答える 2

1

それはすべてアコーディオンの初期化にあります。

電話すると

$( "#accordion" ).accordion();

他の ID を追加するだけです。例えば

$( "#accordion1, #accordion2, #accordion3" ).accordion();

または、アコーディオンを適用するすべての要素にクラスを追加するだけで、それらがすべて初期化されます。

$( ".accordion" ).accordion();
于 2012-10-10T16:55:25.877 に答える
0 
<div id="accordion1">
    ...
</div>

<div id="accordion2">
    ...
</div>

<script>
$(function() {
    $("#accordion1").accordion();
    $("#accordion2").accordion();
});
</script>
于 2012-10-10T16:55:49.093 に答える