вот мой код для добавления класса в раскрывающемся списке по нажатию кнопки.
$('#search_select1').addClass('borderClass');
и это класс css
.borderClass{
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-ms-transition: all 3s ease;
-o-transition: all 3s ease;
transition: all 3s ease;
}
он отлично работает на google chrome, но этот класс не добавляется в firefox и т.д. Пожалуйста, помогите мне. заранее спасибо
Введите код между
$(document).ready(function(){ });
Например:
$(document).ready(function(){
// other code
$(document).ready(function(){
$('#search_select1').addClass('borderClass');
});
});
это работает, я уверен.
11: 58: 29.264 ReferenceError: fun_select
не определен show: 1
11: 58: 35.849 ReferenceError: clear_selection
не определен
Как-то вы не загружаете свои функции должным образом.
Если цели статичны, почему бы просто не попробовать это?
HTML
<input type = 'button' value = 'Apply CSS' id="fun_select" />
<input type = 'button' value = 'Remove CSS' id="remove" />
JS:
$('#fun_select').on('click', function() {
$('#search_select1').addClass('borderClass');
});
$('#remove').on('click', function() {
$('#search_select1').removeClass('borderClass');
});