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

问题描述：

我有我的内index.html文件导航栏和我加载它在我的homePage.html文件中如下：如何使用jQuery创建一致的导航栏？

<!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中完成的？

答

<div id="page-wrapper">

可改为

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

我相信更改CSS应该解决您的问题。

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

相关推荐