DWZ中,各个区块的布局是固定的,你要的效果,需要在顶部区块中添加,
<div id="header"><div class="headerNav">
<a class="logo" href="http://j-ui.com">标志</a>
</div>
<div>
<!-- 这里放置你的导航条代码 -->
</div>
</div>
$(document).ready(function(){//文档就绪,初始化jQuery插件})//或者或缩写形式$(function(){//文档就绪,初始化jQuery插件})因为DWZ RIA是富客户端思路,第一次打开时加载界面到浏览器端,之后和服务器的交互是存数据交互,不占用界面相关的网络流量。也就是说,只需要在一个完整的页面(通常是起始页,如index.aspx/index.php/index.jsp等),只有这个页面包含完整的html结构(<head<body),<head中引入全部css、js 。其它的页面只需要页面碎片,就是<body</body中的部分。
因为ajax加载基本原理是:ajax加载一段html代码片段放到当前页面的某个容器中(通常是一个div)。当然也可以是xml结构、json结构,只是在插入到当前页面之前也要转化成html代码片段。如果你ajax加载一个完整的页面(就是包括<head<body标签的),插入的当前document就有问题了,因为一个document不可能有多个<head<body标签。
DWZ初始化ajax加载的页面中的第三方jQuery组件:
一般插件初始化dwz.ui.js 中的initUI 里面处理,initUI()方法DWZ框架封装的$.fn.loadUrl()自动调用。如果是jQuery原生load方法需要手动调用$.fn.initUI()插件。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="Description" content=""/>
<meta name="keywords" content=""/>
<title>模板</title>
<style type="text/css">
#header{
height: 1000px
width: 1500px
}
#content{height: 300px}
</style>
</head>
<body>
<div id="header">
<a href="#xia">点击跳转</a>
</div>
<div id="content"><a id="xia">就是这里</a></div>
<div id="footer"></div>
</body>
</html>
给第一个div链接里面添加上<a href="#xia">点击跳转</a>
给需要跳转到的另一个div写一个id例如(xia),然后就可以跳转到这个div的位置了。