18910140161

Java-使用jquery在每个页面上加载header,并且不显示subnav菜单项-堆栈溢出

顺晟科技

2022-10-19 13:41:46

64

正如标题所说,我使用jquery在网站的每个页面上加载标题。我需要能够通过一个文件更新标题,因为现在我必须进入每一个页面,每次他们想要,例如,在NavBar上添加一个新页面。但是有了加载功能,子菜单链接不会在悬停时显示出来。然而,当它在页面上硬编码时,它工作得很好。有人知道为什么会这样吗?我已经尝试在下面包含所有相关代码。

这是我正在使用的脚本:

    <script src="assets/js/main.js"></script>
        <script type='text/javascript'>
    $(document).ready(function() {
        $("#header").load("header.html");
    });
    </script>

在index.html和其他网页中的编码方式:

    <script src="assets/js/main.js"></script>
        <script type='text/javascript'>
    $(document).ready(function() {
        $("#header").load("header.html");
    });
    </script>

header.html的编码方式:

注意:我没有创建这个网站,只是试图帮助管理它在这一点上。所有内容都是硬编码的,所以我试图转换到这个jQuery解决方案。


顺晟科技:

如果导航项在悬停时没有显示,可能是css问题。检查浏览器devtools控制台,看看css样式是否正确加载。尝试将其粘贴到模板中,以查看导航子项是否显示在导航悬停时。

    <script src="assets/js/main.js"></script>
        <script type='text/javascript'>
    $(document).ready(function() {
        $("#header").load("header.html");
    });
    </script>
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航