點擊JQuery addClass

我試圖在點擊時使用JQuery將類添加到按鈕。下面的代碼顯示我的課堂和JQuery onclick事件，其處理程序：點擊JQuery addClass

CSS

.input-highlight { 
    background-color: #1E90FF; 
    color: white; 
}

$("#elv-geo").on("click", hightlight); 

function hightlight() { 

    var georgian = $("#geo-elv"); 

    georgian.addClass("input-highlight"); 

}

當我有「可見性：隱藏」在課堂上，它的工作，但有了上面的代碼，它不會。任何想法爲什麼？

來源

2013-06-27 Davit

@Amit會是什麼這一變化？ –

@Amit將'highlight'包裝在匿名函數中而不是直接傳遞它有什麼好處？ –

@JanDvorak是對的！不需要明確的功能。 –

您使用過一次$("#geo-elv")，其他時間$("#elv-geo")。這可能會導致您的問題..

此外，你應該考慮使用以下語法：

$("#geo-elv").on('click',function(){ 
    $(this).addClass('input-highlight'); 
})

來源

2013-06-27 11:33:48

那麼問題是什麼，他用一個點擊ID和另一個用於更改課程ID。 –

你沒看過嗎？「當我點擊**時，我試圖用JQuery添加類到一個按鈕**」 –

Yotam，我混淆了id-s，雖然類被點擊時添加到該按鈕（在瀏覽器檢查元素中看到），但它不會做班級所說的話（改變背景顏色等）。我也試過使用$（this），但沒有成功。 – Davit

.input-highlight { 
    background-color: #1E90FF; 
    color: white; 
} 

var id = "#elv-geo"; // is it elv-geo or geo-elv? 
$(id).on("click", highlight); 

function highlight() { 
    $(id).addClass("input-highlight"); 
}

來源

2013-06-27 11:35:13 AntouanK

點擊JQuery addClass

回答

相關問題