Question

我刚创建了一个新页面，目前仅对设备有效。我只测试了Android（未来的iOS）。

您可以在此处查看此页面：http://www.suale.it/prova/cqc/index.html

主要问题是每次我在菜单中更改页面时，菜单都不会自行崩溃。

我在quiz.js文件中尝试使用此代码来折叠菜单，但没有效果：

var x = document.getElementById("myTopnav");
x.className = "topnav";

我在这里缺少什么？

Answer 1

如果我理解正确，您想在移动设备上切换页面时折叠菜单。

您只为Home（）函数添加了该行。您需要在每个选项卡上调用相同的隐藏线：

function DIVGoTo() {
    var x = document.getElementById("myTopnav");
    x.className = "topnav";

    $('div[id^="div"]').hide();
    $('#About').hide();
    $('#GoTo').show();
    $('#txtGOTO').focus();

    $("#header-content").hide();
}

function About() {
    var x = document.getElementById("myTopnav");
    x.className = "topnav";

    $('div[id^="div"]').hide();
    $('#GoTo').hide();
    $('#About').show();
}

Answer 2

您需要在onclick功能中添加以下代码（在 DIVGoTo 和关于的末尾）。

hosts.each do |h|
  # code here
end

这会在页面切换后折叠您的菜单。它与你的myFunction工作相同，但基本上你已经知道菜单显示了为什么调用这个click方法。目前您已在 GoTO 中添加了上述代码，但您尚未在菜单中调用它，实际上您实际上是打电话给 DIVGoTo 。

单击Home以外的项目时，菜单不会在移动设备上折叠

2 个答案: