0

这是我在单击按钮时在下拉列表中添加类的代码。

$('#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;
}

它在谷歌浏览器上工作正常,但这个类没有被添加到 Firefox 和 ie 中。请帮帮我。提前致谢

4

2 回答 2

2

请在中间插入您的代码

$(document).ready(function(){ });

例如:

$(document).ready(function(){

// other code

    $(document).ready(function(){ 
       $('#search_select1').addClass('borderClass');
    });

});

这是工作,我敢肯定。

于 2014-01-26T19:45:50.770 回答
1

11:58:29.264 ReferenceError:fun_select未定义显示: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');
});

http://jsfiddle.net/SinisterSystems/vBF7S/13/

于 2014-01-26T20:06:29.413 回答