0

私は今、何時間もこのことに苦しんでいます。私は専門家の目がどうしても必要です。

そのため、pageslide 内で Jquery UI アコーディオンを設定しようとしています。Pageslide は非表示ですが、表示されてからスライドインします。pageslide のアコーディオンは非常にバグが多いです。最初のヘッダーは常に折りたたまれており、リンクでターゲットにしようとしているヘッダーが開きません。

親友の Google にアドバイスを求めました。同じ問題を抱えている人はたくさんいます。アコーディオンの親が最初に隠されていることで何かをしなければならないと確信しています。

ページスライドショーの後にアコーディオンを起動する方法はありませんか?

この例はここにあります (アコーディオンのリンクをクリックして、pageslide 内で 2 つ目のアコーディオンを起動します)。

最小化された問題:

<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
</head>
<body>
<div id="ac">
<h3>One</h3>
<div>
Lorem Ipsum Blah Blah Blah
</div>
<h3>Two</h3>
<div>
Lorem Ipsum Blah Blah Blah
</div>
<h3>Three</h3>
<div>
Lorem Ipsum Blah Blah Blah
</div>
</div>
<script>
    $("#ac").accordion();
    $("#ac").hide();
    $("#ac").accordion('activate',2);
    $("#ac").show();
</script>
</body>
</html>
4

1 に答える 1

1

これは、動作させる方法のjsfiddleの例です

HTML:

<div class="accordion glossWrap">
   <h3>titel</h3>
   <div>
      <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.</p>
   </div>
   <h3>titel</h3>
   <div>
      <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur.</p>
   </div>
</div>
<a href="#" class="glossary" data-panel="1">Open me</a>

JS:

var $accordion = $(".glossWrap"),
    panelId = parseInt(window.location.hash.replace(/#panel/, "")) || 0;

$accordion.accordion({
    collapsible: true, 
    active: panelId, 
    heightStyle:"content", 
    header:"h3"   
});

$("a.glossary").on("click", function (e) {
    e.preventDefault();
    var toOpen = $(this).data("panel");
    $accordion.accordion("option", "active", toOpen);
});
于 2013-07-10T14:33:30.193 に答える