3

私は Accordionn jQuery Controls を使用しています。以下の URL を見つけることができます。

アコーディオン: http://jqueryui.com/accordion/

問題: クリックできない空のメニューをどのように管理できますか? 例 - 「セクション 2」メニューに項目がない場合は、クリックできないようにする必要があります。これを行うと、次の親メニュー項目が前の親メニュー項目の子になって歪むか、空のままにしておく<div> とクリックできない代わりに空白のメニューが開きます。誰でも助けることができますか？

4

2 に答える 2

6

http://api.jqueryui.com/accordion/#event-beforeActivateで試すことができます

$( ".selector" ).on( "accordionbeforeactivate", function( event, ui ) {} );

関数でテストできますui.newPanel。空の場合は、そのパネルのアクティブ化をキャンセルします。

jsfiddle の例を作成しました: http://jsfiddle.net/npthU/1/

    $( "#accordion" ).on( "accordionbeforeactivate", function( event, ui ) {

       if($.trim($( ui.newPanel ).html()).length == 0)
          event.preventDefault();

    });

event.preventDefault();空の div を持つ特定のパネルを開くことを無効にするために使用されます。

于 2013-04-01T08:54:37.083 に答える