Question

我试图用jquery和bootstrap来改变按钮的状态。点击一个后，它们都只保留btn默认值。

＆＃13;

$("#content-background-disabled-btn").click((e) => {
  $(this).removeClass("btn-default");
  $(this).addClass("btn-success");

  $("#content-background-enabled-btn").removeClass("btn-success");
  $("#content-background-enabled-btn").addClass("btn-default");

  e.preventDefault();
});
$("#content-background-enabled-btn").click((e) => {
  $(this).removeClass("btn-default");
  $(this).addClass("btn-success");

  $("#content-background-disabled-btn").removeClass("btn-success");
  $("#content-background-disabled-btn").addClass("btn-default");

  e.preventDefault();
});

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>
<button class="btn btn-default" id="content-background-disabled-btn">
content-background-disabled-btn
</button>
</p>

<p>
<button class="btn btn-default" id="content-background-enabled-btn">
content-background-enabled-btn
</button>
</p>

＆＃13;

Answer 1

您可以使用this在按钮类的状态之间添加/删除。

$('#content-background-disabled-btn').click(function() {
    $(this).removeClass('btn-default');
    $(this).addClass('btn-success');
});

Answer 2

试试这个，兄弟

dependencies {
    //compile 'com.android.support:appcompat-v7:26.1.0'
    compile 'com.android.support:appcompat-v7:22.0.0'
    compile 'com.google.android.gms:play-services-gcm:11.8.0'
    compile fileTree(include: '*.jar', dir: 'libs')

    compile project(':fingerpush_3.0.7')
    compile 'com.android.volley:volley:1.1.0'
    compile 'com.github.bumptech.glide:glide:3.7.0'
}

$("#content-background-disabled-btn").click(function(e) {
e.preventDefault();
  $(this).removeClass("btn-default");
  $(this).addClass("btn-success");

  $("#content-background-enabled-btn").removeClass("btn-success");
  $("#content-background-enabled-btn").addClass("btn-default");

   
});
$("#content-background-enabled-btn").click(function(e) {
  $(this).removeClass("btn-default");
  $(this).addClass("btn-success");

  $("#content-background-disabled-btn").removeClass("btn-success");
  $("#content-background-disabled-btn").addClass("btn-default");
 
});

按钮状态不会改变

2 个答案: