Question

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

$('#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。请帮帮我。提前致谢

Answer 1

请在

之间插入您的代码

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

例如：

$(document).ready(function(){

// other code

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

});

这是工作，我相信。

Answer 2

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');
});

addclass函数在firefox和ie中不起作用

2 个答案:

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