DWZ中，横向导航条怎么做。<div id="header" >的高度为什么不能调整，dwz.core.css里面设置不起作用

html-css025

DWZ中，横向导航条怎么做。<div id="header" >的高度为什么不能调整，dwz.core.css里面设置不起作用,第1张

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的位置了。