Question

我有一个带箭头的自定义选择框。我想在单击链接（选择框选项）时旋转箭头。在我的脚本中，我在该图像上添加了一些代码，然后单击以切换类arrow_rotate。除了IE8之外，它在所有的保龄球中都能正常工作。

请注意，由于其他原因，我在同一个函数中使用了slideToggle()，并且工作正常。

$('.show_link').click(function(){
    var img_link = $(this);
    $(img_link).toggleClass('arrow_rotate');
    $(this).parent().children('ul').slideToggle('fast');
});

或

$(this).toggleClass('arrow_rotate');

CSS

.arrow_rotate {
    transform: rotate(180deg);
    border-radius: 0 0 0 5px!important;
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

HTML

<img class="show_link dft-link_img" src="../images/drop-down-arrow.png">

Answer 1

问题不在于您的脚本，它不起作用，因为IE8不支持transform属性...

将类切换为不在ie8中工作的图像标记

1 个答案: