0

私はワードプレス用のアコーディオンショートコードを作成し、ページにアコーディオンが1つだけになるまで正常に動作します...

ここに問題がありますhttp://panel.daweb.cz/?page_id=119

アコーディオンはページの下部にありますが、1つ目は正常に機能しますが、2つ目は機能しません。アコーディオン効果のためにjQueryjquery-ui.jsを使用しています（http://jqueryui.com/demos/accordion/）。

誰かがそれを修正する方法を知っていますか、またはwpのアコーディオンショートコードを実行する方法の本当に良いチュートリアルはどこにありますか？

御時間ありがとうございます

4

1 に答える 1

0

JavaScriptファイルotherjs.jsの下部に、このコードがあります

// Load accordion   
$(function() {
    $( "#accordion" ).accordion();
    $('.flexslider').flexslider();  
});

両方のアコーディオンは「アコーディオン」のIDを持っています。同じページ上の2つのアイテムは、一意である必要があるため、同じIDを持つべきではありません。これは、jQueryが最初に見つけたアコーディオンのみを設定することを意味します。

あなたがする必要があるのは、最初のアコーディオンにIDを与えaccordion1、2番目のアコーディオンaccordion2にotherjs.jsのJavaScriptを次のように変更することです。

// Load accordion   
$(function() {
    $( "#accordion1" ).accordion();
    $( "#accordion2" ).accordion();
    $('.flexslider').flexslider();  
});

または、両方のアコーディオンのIDを削除してクラス accordionを指定し、次のコードを使用してアコーディオンをロードすることもできます。

// Load accordion   
$(function() {
    $( ".accordion" ).accordion();
    $('.flexslider').flexslider();  
});
于 2012-04-29T14:41:59.233 に答える