首页
学习
活动
专区
圈层
工具
发布

带你走近AngularJS - 体验指令实例

一旦元素拥有了ID值,方法将通过jQuery来选择具有"accordion-toggle"类的子元素并且设置它的 "data-parent" 和 "href" 属性。...声明controller 是必要的,因为Accordion会包含子元素,子元素将检测父元素的类型和controller 。 下一步需要定义手风琴选项卡的指令。...它功能并不复杂但是足以展示一些AngularJS的重要知识点和技术细节:如何定义嵌套指令,如何生成唯一的元素ID,如何使用jQuery操作DOM以及如何使用$watch 方法监听scope变量的变化。...为了使这个连接起作用,父指令中定义了如下controller: app.directive("wijGrid", [ "$rootScope", "wijUtil", function ($rootScope...父指令会通过特定标记来访问列。

3.7K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WEB入门之十九 UI

    上述代码使用accordion函数使一个id是acc的div元素初始化成了手风琴组件,见斜体部分。...参数的使用方式有三种: 1.初始化组件时设置参数的值 jQuery对象. accordion ( { 参数名 :参数值,... ... } ) 2.获得参数的值 jQuery对象. accordion...上述代码使用button函数使页面中的span、提交按钮和超链接初始化成了按钮组件,见斜体部分。...选项卡的标题使用列表实现,选项卡的身体使用div实现,并且通过标题列表中的超链接把标题和对应的身体关联起来,即超链接href属性的值是下面某个div的id。...highlight 使元素高亮 jquery.effects.highlight.js pulsate 使元素闪烁 jquery.effects.pulsate.js scale 元素四周从中心同时扩展直到显示元素四周从外围同时收缩直到隐藏

    2.3K10

    前端编码规范

    将媒体查询(Media query)放在尽可能相关规则的附近 不要使用 @import 链接样式顺序 a:link -> a:visited -> a:hover -> a:active(LoVeHAte...避免嵌套层级过多, 限制在2层 可以使用字符串插值使变量嵌入字符串中 @base-url: "http://assets.fnord.com"; background-image: url("@{base-url...-small 避免定位属性 头像 logos等元素应设置 固定尺寸 在父元素中设置定位 避免过分嵌套 className命名 常见class关键词: 布局类:header, footer, container...breadcrumb, forward, back, indicator, paging, first, last 交互类:tips, alert, modal, pop, panel, tabs, accordion...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量 以$开头, 并缓存到本地变量中复用, 使用驼峰命名法命名 jQuery选择器

    2.2K71

    Bootstrap学习文档(四)

    Bootstrap 模态框 注意: 1、弹出层必需放在body里 2、弹出层里面不能再嵌套别的层 3、弹出层出来以后,页面的滚动条会被覆盖 modal 弹出层父级 modal-dialog...2、给导航的父级添加一个 id 或者 class,要与要滚动的元素的 data-target 的值一致,并且要添加一个 navbar-collapse 的 class 3、导航里面的每个 a 标签都需要添加上一个锚链接...--1、把所有的面板都放到一个父级里,并且给父级添加一个panel-group,还有一个id--> accordion">...--2、给要点击的元素添加一个data-parent属性,并让他的值与父级的id一样--> accordion...a href="#pic" class="carousel-control right" data-slide="next">› 解决轮播图的高度问题: 1.使轮播图里面的图片自适应

    4.2K20
    领券