-5

我正在开发一个 HTML 网站，我有 10 个不同的 HTML 页面。菜单栏应在每个页面上可见...即应更改菜单栏下方的 div 内容...单击菜单项后应将 html 页面加载到该 div 中..

4

2 回答 2

6
  1. 构建您的完整标记（使用正确的文档类型）。
  2. 将 jQuery 添加到您的页面。
  3. 等待文件准备好。
  4. 将click事件处理程序附加到您的导航链接。
  5. 禁用链接的默认行为。
  6. 使用 ajax 加载所需的页面并将接收到的数据插入到容器中。
<!doctype html>
<html>
<head>
    <title>My Ajax Website</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
        $(function () {
            $('#nav a').on('click', function (e) {
                e.preventDefault();
                var page = $(this).attr('href');
                $('#content').load(page);
            });
        });
    </script>
</head>
<body>
    <div id="nav">
        <a href="page1.html">Page 1</a>
        <a href="page2.html">Page 2</a>
        <a href="page3.html">Page 3</a>
        <a href="page4.html">Page 4</a>
        <a href="page5.html">Page 5</a>
    </div>

    <div id="content">
        Welcome! Use the menu to navigate website.
    </div>
</body>
</html>
于 2013-06-11T06:23:33.587 回答
0

查询：

$( document ).ready(function() {
$( "#career" ).click(function() {
$("#content").load("careers.html");
});
});

#career:标签按钮 在哪里#content:是加载html的div

于 2013-06-11T06:20:25.613 回答