发表于： 2016-08-22 23:28:18
2 2209
今天完成的事：按照ui图写萝卜多的页面
明天要做的事：完成萝卜多的项目
收货：
1 ps中的自动切图 修改图片的名字 图片会自动保存下来
2 ng-class按照页面不同来添加样式
<li ui-sref="app.index" ng-class="{navChoice: $state.is('app.index')}">首页 <span class="sr-only">(current)</span></li>
<li ui-sref="app.job" ng-class="{navChoice: $state.is('app.job')}">找职位</li>
<li ui-sref="app.elite" ng-class="{navChoice: $state.is('app.elite')}">找精英</li>
ng-class里面是用对象的形式{ } class的名称中间最好不要有—
中间还有一个大坑是 因为是需要不同页面都是用一个ng-class 需要在控制器中加入下面的一句话
$rootScope.$state=$state;
将$state变为全局 才能实现效果
还有就是中间的is 换成 includes 适用范围会更大一些
<li ui-sref="app.elite" ng-class="{navChoice: $state.includes('app.elite')}">找精英</li>
offset方法
offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。
<!DOCTYPE html>
<html>
<head>
<style>
p { margin-left:10px; }
</style>
<script src="vendor/jquery/jquery.js"></script>
</head>
<body>
<p>Hello</p><p>2nd Paragraph</p>
<script>
var p = $("p:first");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
</script>
</body>
</html>
设置所有匹配元素的偏移坐标。
语法
$(selector).offset(value)
| 参数 | 描述 |
|---|---|
| value | 必需。规定以像素计的 top 和 left 坐标。 可能的值：
|
1、offset()方法获取匹配元素在当前窗口的相对偏移量。这里的窗口指的是当前页面的窗口，不包括浏览器的菜单栏等，当然我们也不太需要使用jquery来控制整个浏览器，我们所要控制的是页面窗口。
2、position()方法获取匹配元素相对父元素的偏移量。即获取的是该元素相对于最近的一个拥有绝对定位或者相对定位的父元素的偏移量。如果所有的父元素都是默认的static定位方式，则其处理方式和offset()一样，是当前窗口的偏移量。
3、使用position()方法时如果其所有的父元素都为默认定位（static）方式，则其处理方式和offset()一样，是当前窗口的相对偏移
4、使用offset()方法不管该元素如何定位，也不管其父元素如何定位，都是获取的该元素相对于当前视口的偏移。
5、一般情况下，如果要显示的元素B存放在元素A的同一父元素下（即B为A的兄弟节点），这个时候使用position() 是最合适的；如果显示的元素B存放在DOM的最顶端或者最底端（即其父元素就是body）。这个时候用offset()是最好的。
返回列表
评论