Question

使用jQuery我想在用户单击类按钮时切换它。这是我现在拥有的按钮代码

<button type="button" class="btn btn-success btn-bordered" id="toggle-job">Grab this work</button>

下面的代码用于处理按钮单击

$('#toggle-job').click(function(e){
    if ( $( this ).hasClass( "btn-success" ) ) {
        $( this ).removeClass( "btn-success" ).addClass( "btn-custom" );
        $( this ).text("Drop this work");
    };
    if ( $( this ).hasClass( "btn-custom" ) ) {
        $( this ).removeClass( "btn-custom" ).addClass( "btn-success" );
        $( this ).text("Grab this work");
    };
    $( "#action-box" ).toggle();
    $( "#photoCrop" ).toggle();
});

切换代码正常工作...因此相关的div显示或隐藏我敢肯定我在犯一些愚蠢的错误...但是我无法弄清楚我在做什么错。非常感谢您的任何建议

Answer 1

只需将第二个if statement更改为else if statement，就可以了。

现在，您的第一个if大小写将类更改为btn-custom，但紧接着第二个if将其更改回btn-success。

jQuery中的按钮类开关

1 个答案: