如何激活另一個按鈕的按鈕

Question

我的問題與之前提出的其他問題有點不同，因爲我主要想要激活但（不僅僅是激發它）。這裏是我的syntx：

$("#second_btn").click(function(){ 
 
     $('#first_btn').addClass('active'); 
 
    })

#first_btn{ 
 
     background-color: green; 
 
    } 
 
    #first_btn:active{ 
 
     background-color: yellow; 
 
    } 
 
    
 
    #first_btn.active{ 
 
    background-color: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="first_btn"> 
 
    first_btn 
 
    </button> 
 
    <button id="second_btn"> 
 
    second_btn 
 
    </button>

基本上我在找的是當第二按鈕被點擊我想第一個按鈕被解僱和按鈕（第一）的顏色也應該是變成黃色，就好像按鈕一被點擊一樣。

這裏是一個的jsfiddle版本吧：click here

你能不能幫我鑑定，我缺少的是什麼？

Answer 1

你需要的是模擬按鈕點擊動作：第二個按鈕的作用與第一個按鈕相似。

$("#first_btn").mousedown(function(){ 
    $("#second_btn").addClass("active"); 
    }); 
    $("#first_btn").mouseup(function(){ 
    $("#second_btn").removeClass("active"); 
    }); 

您可以添加事件添加/刪除下課鏈接，如果你想在第二個按鈕一個真正的「點擊」動作

Answer 2

您正在改變類錯誤的元素，改變$('#btn')到$('#first_btn')：

$("#second_btn").click(function(){ 
    $('#first_btn').addClass('active'); 
}); 

此外，您還需要使用更多通用類，像這樣：

.active { 
    background-color: yellow; 
} 

Answer 3

$('#btn').addClass('active'); 

你在那裏有一些錯誤： - 第一個#btn解析爲無（這不是你的DOM中的ID） - 你正在添加一個類'active'所以你不得不在你的css中瞄準那個類。請注意，我改變了 '：'（僞元素）的一個（類選擇器）

#first_btn.active{ 
    background-color: yellow; 
} 

給它一些嘗試和來這裏，如果你遇到更多的麻煩;）

EDITED ''：

這可能不是最好的方法，但它可以幫助實現你想要的：

$("#second_btn").click(function(){ 
    $('#first_btn').toggleClass('active'); 
    window.setTimeout(function(){ 
    $('#first_btn').toggleClass('active'); 
    }, 100); 
}) 

我在做什麼這裏設置一個「積極的」類（繪畫按鈕黃色）和0.1秒的時間週期後， econds再次切換該類（恢復原始按鈕顏色）。

您認爲如何？

Answer 4

$("#second_btn").click(function(){ 
    $('#first_btn').click(); 
    $('#first_btn').addClass('active'); 
}) 
#first_btn.active{ 
background-color:yellow; 
} 

這將觸發一個事件，點擊第一個按鈕並將顏色更改爲黃色。

然後定義一個處理程序來處理第一個按鈕點擊來處理該事件

以U提供u的分配活動類錯誤的ID.Also添加觸發點擊事件第一個按鈕小提琴版本。

Answer 5

你應該給樣式類，所以：

#first_btn.active{ // not :active 
    background-color: yellow; 
} 

如果你想模擬點擊一個第一個按鈕，你應該添加不便。這樣的：

$('#first_btn').click(); 

Answer 6

我假設你沒有注意到，但在jsFiddle代碼jQuery選擇爲第一個按鈕是錯誤的，但你的問題在這裏就可以了，所以我會忽略。

的問題是，您要添加CSS類，但在你的CSS你聲明的按鈕，而不是一類的:active狀態風格，你可以保持這個聲明並添加.active類，所以你的CSS代碼看起來就像這樣：

#first_btn:active, 
#first_btn.active { 
    background-color: yellow; 
} 

並稱類，而不是更換狀態（:active），你會涵蓋這兩種情況下，當直接點擊first_btn並單擊second_btn時。