Jquery 改变颜色'；a'；在鼠标上贴标签

你好，stack overflow社区

我正在为一个博物馆建立这个二战网站，并创建了这个响应标题。当它小于800px时，会发生以下情况

当我点击“foto”和“museum 40-45”时，会出现子菜单，但当我将鼠标悬停在子菜单上时，a标记会跳回绿色状态

我怎样才能使这个标签变成白色，让它在U'上悬停时保持白色

这是我使用的jquery

$(document).ready(function(){

    $(function() {
        FastClick.attach(document.body);
    });

    var contador = 1;

    $('.menu_bar').on('click', function(event){

        event.stopPropagation();

        if (contador == 1) {
        $('nav').animate({
        left: '0'
        });
        contador = 0;
        }   

        else {
            contador = 1;

            $('nav').animate({
            left: '-100%'});

            };
        });

    $('.submenu').on('click', function(event){
        event.stopPropagation();
        $(this).children('.children').slideToggle();
    });

    if($(window).width()<800){
            $('video').get(0).pause();
            $('#headVideo').remove();
        }

});

---

下面是一个

尝试强制a:visited风格

header nav ul li a:visited {
      color: white;
      display: block;
      text-decoration: none;
      padding: 10px; }

---

您的子菜单单击功能缺失，它是

preventDefault

操作。没有它，您的页面将跳回屏幕顶部。试试这个：

$('.submenu').on('click', function(event){
    event.stopPropagation();
    event.preventDefault();
    $(this).children('.children').slideToggle();
});

另外请注意，这将阻止您的页面在任何地方导航，因此仅将其应用于

希望有帮助

编辑

注意，这只是问题的一半。现在看看其他的，但是运气不好
 您的小提琴演示似乎缺少“博物馆40-45”选项。它在小提琴中工作得很好吧？？？抱歉，伙计们，我的英语不是我的母语，如果您单击“博物馆40-45”，然后悬停它的孙子，您将看到“博物馆40-45”在“Foto”下面发生了什么我还没有注意到这一点，因为我的屏幕宽度一直低于800px（：这不是我想要的答案，但它很有用！！！不用担心。我正在研究它的其余部分，但有点不清楚你在问什么。Nvm，我明白你现在在说什么了。我知道这是一个困难的问题，但有人能解决这个问题吗？
$('.submenu').on('click', function(event){
    event.stopPropagation();
    event.preventDefault();
    $(this).children('.children').slideToggle();
});

if($(this).attr("href") != "#"){
  event.preventDefault();
}