Question

我有一个搜索框，我在其中隐藏并显示两个类别，一个用于搜索图标图像，另一个用于交叉图标图像，如下所示：

<span id="search-icon" class="search-icon"></span>
    <input type="text" id="txtABFSearch" class="form-control mt17 right search-header form-control-header" maxlength="500" autocomplete="off" placeholder="Search Franchisee" />
    <div id="dvSearchResults" style="display: none;">

我在JS中所做的是当搜索图标类中的用户类型从搜索图标范围中删除时，交叉图标类被添加如下：

$('#txtABFSearch').keyup(function (e) {
    var searchString = $('#txtABFSearch').val();
    if (jQuery.trim(searchString).length >= 1) {
        if (searchString != '') {
           $("#search-icon").addClass("cross-icon");
        $("#search-icon").removeClass("search-icon");
        }
    }

});

在chorme firefox之类的其他浏览器上，每件事情都可以正常工作，但是当我输入鼠标移动到鼠标后只显示图标时，我会在IE中使用。

请看这两张图片。 Before search After search 我的IE版本是11.309.16299.0，我的jquery版本是3.3.1

Answer 1

Internet Explorer不支持您的代码。也可以试用前缀。

<meta charset="UTF-8">
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

在Internet Explorer中鼠标移动后显示的图标

1 个答案: