1

私はこの種のウィザードを持っています。下向きではなく、上向き（後ろ向き）のパネルのみを開くことができるようにしたいと思います。

例：ステップ1に記入していますが、ステップ2に進みます。ステップ4または5にジャンプすることはできませんが、ステップ1に戻ることができる必要があります。

これは私のコードです：

<div id="accordion">
<h3>Step 1</h3>
<div id="img_divisione">
    <a href="">Something</a>
</div>
<h3>Step 2</h3>
<div>
    <a href="">Something</a>
</div>
<h3>Step 3</h3>
<div>
    <a href="">Something</a>
</div>
<h3>Step 4</h3>
<div>
    <a href="">Something</a>
</div>


$(document).ready(function() {
$("#img_divisione a").click(function() {
   $("#accordion").accordion( "option", "active", 1 );
});
});

$(function() {
   $( "#accordion" ).accordion({
        heightStyle: "content"
});
});
4

1 に答える 1

0

をご覧ください 

beforeActivate: function( event, ui ) {}

jQuery-uiのイベント。

jQuery UI ホームページの例を次に示します。

$( "#accordion" ).accordion({    
        beforeActivate: function( event, ui ) {
                          if ( ui.newHeader.text() === "Don&#39;tActivateMe" ){
                                 event.preventDefault();        
                           }    
                        }
 });

このイベントはキャンセルできます。したがって、ui.newPanel クラスが古いものよりも大きいかどうかを確認するよりも、各パネルにクラスまたは何かを与えて順序を定義します。その場合はイベントを中止してください。

これは、JQuery UI バージョン > 1.9 からのみ機能することに注意してください。

お役に立てれば

于 2012-11-29T11:17:55.407 に答える