1

特定のアコーディオンを無効にしましたが、それらのアイコンをui-icon-lockedに変更したいと思います。

私は持っています：

$(document).ready(function() {

   $(function() {
    $( "#accordion" ).accordion();

     $("#accordion").accordion("option", "icons",
        { 'header': 'ui-icon-circle-plus', 'headerSelected': 'ui-icon-circle-minus' });
        $( ".disabled" ).addClass("ui-state-disabled");
});

と：

 <h6 class="disabled">Bacteriology in practice: interactive modules</h6>
      <div>
        <p class="text"> Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
          Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
          ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
          lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>

私はcssで試しました：

.ui-accordion-header.disabled .ui-icon {
    ui-icon-locked;
}

しかし、それはうまくいきません。

また、これは機能しません：

   $(function() {
    $( "#accordion" ).accordion();

     $("#accordion").accordion("option", "icons",
        { 'header': 'ui-icon-circle-plus', 'headerSelected': 'ui-icon-circle-minus' });
        $( ".disabled" ).addClass("ui-state-disabled");

 $(".disabled").accordion("option", "icons",
        { 'header': 'ui-icon-locked', 'headerSelected': 'ui-icon-locked' });
        $( ".disabled" ).addClass("ui-state-disabled");
});

何か案は？

4

1 に答える 1

0

css.ui-icon-lockedを のルールセットにコピーするだけです.ui-accordion-header.disabled .ui-icon。

jQuery UI CSS はスプライト シートを使用するため、 を変更するだけbackground-positionで新しいアイコンが表示されます。

于 2013-01-14T01:57:38.127 に答える