Модификация плагина jQuery

Question

Я использую следующий плагин: http://codecanyon.net/item/dynamic-step-process-panels/118950 и пытаюсь изменить его поведение.В настоящее время, когда достигнута последняя вкладка, следующая кнопка становится неактивной, ее класс меняется с 'button activeButton' на 'button inactiveButton'.Мне нужно изменить следующий класс кнопок на тот, который я создаю сам, который будет действовать как кнопка отправки.

Я безуспешно пытался изменить класс div следующим образом:

<script type="text/javascript">

    $(document).ready(function() {
        $("#processPanel").processPanel({
            kind: "freeChoice",
            icons: true,
            nextPrevButtons: true,
            style: "green-blue",
            afterOpen: function(event, step, content, stepNumber){
                if(stepNumber==3)
                {
                    $(".button inactiveButton").attr('class', 'button activeButton-green-blue');
                }
            }
        });

Любой совет будет с благодарностью ...

Answer 1

Чтобы сопоставить отдельный элемент с несколькими классами, добавьте перед каждым из них точку и оставьте пробел:

$(".button.inactiveButton")...

С пробелом и inactiveButton без префикса селектор пытается сопоставить что-то вроде этого:

<div class="button">
    <inactiveButton />
</div>

---

Вы также можете использовать addClass и removeClass вместо прямой установки атрибута class:

$(".button.inactiveButton")
    .removeClass('inactiveButton')
    .addClass('activeButton-green-blue');

Таким образом, если элементу назначены другие классы, вы не удалите их непреднамеренно.