2回答

好帮手慕言

2020-04-11

已采纳

同学你好，不会隐藏是因为函数写的位置不对，可参考下方：

修改后的代码：

$('.dropdown').hover(function () {
    var $dropdown = $(this);
    $dropdown.find('.dropdown-toggle').css({
        'background-color': '#fff',
        'border-color': '#cdd0d4'
    });
    $dropdown.find('.dropdown-arrow').css({
        'background-image': 'url(img/dropdown-arrow-active.png)'
    });
    $dropdown.find('.dropdown-layer').show();
}, function () {
    var $dropdown = $(this);
    $dropdown.find('.dropdown-toggle').css({
        'background-color': '',
        'border-color': '#f3f5f7'
    });
    $dropdown.find('.dropdown-arrow').css({
        'background-image': 'url(img/dropdown-arrow.png)'
    });
    $dropdown.find('.dropdown-layer').hide();

})

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0

Aurora_Meteor

提问者

2020-04-11

我打开警告说的html部分，指的是引入jQuery的地方：

<script>

        window.jQuery || document.write('<script src="https://code.jquery.com/jquery-3.4.1.min.js"><\/script>');

    </script>

write括号里面的内容有下划线，是不能写网址吗？

改用css中的hover伪类就可以正常实现效果了

0

hurora_Meteor

h 警告信息中最后给的那个网站https://www.chromestatus.com/feature/5718547946799104我这里也打不开...

h020-04-11

共1条回复