javascript - jQuery UI Accordion - 启用一些面板

Question

我有这样的巫师。我希望它只能向上打开（返回）而不是向下的面板。

例如：我正在填写第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"
});
});   

Answer 1

看看

beforeActivate: function( event, ui ) {}

jQuery-ui 事件。

这是来自 jQuery UI 主页的示例：

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

此活动可以取消。因此，给每个面板一个类或其他东西来定义它们的顺序，而不是检查 ui.newPanel 类是否大于旧的类。如果是这样，请取消该事件。

请注意，tihs 仅适用于 JQuery UI 版本 > 1.9。

希望这可以帮助