Javascript Navber不';t更新手机上的内容

Javascript Navber不';t更新手机上的内容,javascript,html,Javascript,Html,我正在尝试使用Javascript创建一个动态语言切换器。它的功能在桌面浏览器上运行良好。但是,在移动设备上,导航栏的内容不会更新。不过,其他一切都会更新 是否有允许我使用新内容刷新/重新创建导航栏的功能 index.html <nav class="nav-menu"> <ul> <li class="active"><a href="index.html

我正在尝试使用Javascript创建一个动态语言切换器。它的功能在桌面浏览器上运行良好。但是,在移动设备上,导航栏的内容不会更新。不过,其他一切都会更新

是否有允许我使用新内容刷新/重新创建导航栏的功能

index.html

      <nav class="nav-menu">
        <ul>
          <li class="active"><a href="index.html">Home</a></li>
          <li class="drop-down"><a href="#">Portfolio</a>
            <ul>
              <li><a href="portfolio/gallery.html" id="galleryNavID">Gallery</a></li>
              <li><a href="portfolio/presentations.html" id="presentationsNavID">Presentations</a></li>
              <li><a href="portfolio/papers.html" id="papersNavID">Papers</a></li>
              <li><a href="portfolio/articles.html" id="articlesNavID">Articles</a></li>
            </ul>
          </li>
          <li><a href="#faq">Links</a></li>
          <li><a href="#contact" id="contactNavID">Contact</a></li>
          <li class="drop-down" id="langNavID">
            <a href="#">
              <img src="images/uk.png" width="30" height="20"></img>
            </a>
            <ul>
              <li><a href="#" onclick="toGerman();return false;"><img src="images/germany.png" width="30" height="20"></img></a></li>
            </ul>
          </li>

        </ul>
      </nav>

lang.js

function toGerman()
{
  document.getElementById('galleryNavID').innerHTML = "Gallerie";
  document.getElementById('presentationsNavID').innerHTML = "Vorträge";
  document.getElementById('papersNavID').innerHTML = "Papiere";
  document.getElementById('articlesNavID').innerHTML = "Artiklen";
  document.getElementById('contactNavID').innerHTML = "Kontakt";
  document.getElementById('langNavID').innerHTML = '<a href="#" onclick="toEnglish();return false;"><img src="images/germany.png" width="30" height="20"></img></a><ul><li><a href="#" onclick="toEnglish();return false;"><img src="images/uk.png" width="30" height="20"></img></a></li></ul>';
}
函数toGerman()
{
document.getElementById('galleryNavID')。innerHTML=“Gallerie”;
document.getElementById('presentationsNavID').innerHTML=“Vorträge”;
document.getElementById('papersNavID').innerHTML=“Papiere”;
document.getElementById('articlesNavID').innerHTML=“Artiklen”;
document.getElementById('contactNavID').innerHTML=“Kontakt”;
document.getElementById('langNavID')。innerHTML='
    • '; }
我不知道你做错了什么,但它在手机上对我很好。 我用文本替换了图像,并加入了“英语”功能

你是如何在手机上测试的


文件
函数toGerman(){
document.getElementById(“galleryNavID”).innerHTML=“Gallerie”;
document.getElementById(“presentationsNavID”).innerHTML=“Vorträge”;
document.getElementById(“papersNavID”).innerHTML=“Papiere”;
document.getElementById(“articlesNavID”).innerHTML=“Artikel”;
document.getElementById(“contactNavID”).innerHTML=“Kontakt”;
document.getElementById(“langNavID”).innerHTML=`
`; } 函数toEnglish(){ document.getElementById(“galleryNavID”).innerHTML=“Gallery”; document.getElementById(“presentationsNavID”).innerHTML= “介绍”; document.getElementById(“papersNavID”).innerHTML=“Papers”; document.getElementById(“articlesNavID”).innerHTML=“Articles”; document.getElementById(“contactNavID”).innerHTML=“Contact”; document.getElementById(“langNavID”).innerHTML=`
`; }

这个怎么样,对你有用吗

函数toGerman()
{
document.getElementById('galleryNavID')。innerHTML=“Gallerie”;
document.getElementById('presentationsNavID').innerHTML=“Vorträge”;
document.getElementById('papersNavID').innerHTML=“Papiere”;
document.getElementById('articlesNavID').innerHTML=“Artiklen”;
document.getElementById('contactNavID').innerHTML=“Kontakt”;
}
函数toEnglish()
{
document.getElementById('galleryNavID').innerHTML=“Gallery”;
document.getElementById('presentationsNavID').innerHTML=“Presentations”;
document.getElementById('papersNavID').innerHTML=“Papers”;
document.getElementById('articlesNavID').innerHTML=“Articles”;
document.getElementById('contactNavID').innerHTML=“Contact”;
}
a{
文字装饰:无!重要;
颜色:黑色!重要;
}
a:悬停{
文字装饰:下划线!重要;
}

  • 选择语言

我在Mac电脑上通过localhost运行网站,同时使用iPhone和chrome开发者控制台的移动功能,我也有toEnglish()函数,只是忘了包含它。我让东西更易于重用,现在它只使用了一个函数“toLanguage”。我在我的Android手机上用vscode中的“live server”扩展进行了尝试。您可以使用本地网络IP并将其输入手机浏览器,然后使用分机的端口(默认值:5500)访问您的页面。->我试过你的方法。我录下屏幕是为了告诉你什么都没发生。和我的方法一样。链接在这里:适用于我的三星和iPhone8。它适用于我,适用于Supportic,我刚刚在开发工具中测试过它,在模拟iOS手机时也可以。我建议清除缓存和/或在当前iPhone以外的其他设备上进行测试。也许也可以在Chrome上测试iPhone,而不是Safari等等。试着让它工作起来,因为这段代码在手机上100%工作,我可以保证。另外,我认为你应该在实时服务器上尝试,而不是在本地主机设置或其他类似的东西上。