如何使用jQuery创建一致的导航栏？

Question

我将导航栏放在index.html文件中，并将其加载到homePage.html文件中，如下所示：

<!DOCTYPE html>
<html>
<head>

<script>
    window.$ = window.jQuery = require("jquery")
</script>
</head>
<body>

    <div id="navbar">

    </div>

    <div id="page-wrapper">

    </div>
</body>


    <script>
        $(function(){
            $("#navbar").load("./navbar/index.html");
        });
    </script>
</html>

当我将随机数据放入page-wrapper中时，导航栏使它们黯然失色。

我以前使用过Meteor，我们有一个名为{{yield}}的东西，我们用它来指示其余的内容应该放在这里。

它是如何在jQuery中实现的？

Answer 1

<div id="page-wrapper">

可以更改为

<div id="page-wrapper" style="margin-top:10%">

我相信改变css应该可以解决你的问题。