# jquery-spa

**Repository Path**: ybsrun/jquery-spa

## Basic Information

- **Project Name**: jquery-spa
- **Description**: js的spa（路由）框架
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2017-10-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jquery-spa
js的spa()单页 路由框架

使用方法：

1）引用 jQuery 和 spa.js

2) 页面里适当位置添加菜单：
```
                <ul class="nav navbar-nav spa-menus">
                    <li><a><span class="spa-menu" href="#!Index">Home</span></a></li>
                    <li><a><span class="spa-menu" href="#!About">About</span></a></li>
                    <li><a><span class="spa-menu" href="#!Contact">Contact</span></a></li>
                </ul>
```

3）页面里放置新页面的容器：
```
        <div id="spa-container">
           --这里将会展示每页的内容
        </div>
```

4)调用JS初始化：
```

  //参数分别为： 页面容器， 菜单项， 根路径
  Spa.create("#spa-container", ".spa-menu",'/').init();

```