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');

这样，如果元素分配了任何其他类，则不会无意中删除它们。

修改jQuery插件

1 个答案: