Question

我有这种巫师。我希望它只能向上打开面板（向后转动），而不是向下打开面板。

例如：我填写了step1，转到第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&#39;tActivateMe" ){
                                 event.preventDefault();        
                           }    
                        }
 });

此活动可以取消。所以给每个Panels一个类或者什么定义他们的顺序，而不是检查ui.newPanel类是否大于旧类。如果是，请取消活动。

请注意，这些只适用于JQuery UI版本＆gt; 1.9。

希望这有帮助

jQuery UI Accordion - 启用一些面板

1 个答案: