如何消除这个错误(通过选择器查找元素)
how to remove this error (Looking up elements via selectors )
我正在尝试使用Angularstap.js制作弹出窗口。我从这里阅读文档http://mgcrea.github.io/angular-strap/##popovers但我的pop over不显示点击你能告诉我我做错了。这是我的活塞http://plnkr.co/edit/Cp7wrpeh8SS4oY5GGRfY?p=preview
出现错误:错误:[jqLite:nosel] jqLite不支持通过选择器查找元素!看:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
<script src="https://dl.dropboxusercontent.com/s/64qidru3z31h5ns/angular-strap.js"></script>
<script src="https://dl.dropboxusercontent.com/s/meplmw59rwg2dmy/angular-strap.tpl.js?m=d"></script>
<script src="https://dl.dropboxusercontent.com/s/qhgexynaog5ul5l/popover.js"></script>
</head>
<body>
<button type="button" class="btn btn-lg btn-danger" title="this" data-content="{{popover.content}}" data-template="pop.html" data-animation="am-flip-x" bs-popover>Custom Popover
</button> </body>
<script>
var myapp =angular.module('myApp', ['mgcrea.ngStrap']);
</script>
</html>
实际上,文档已经提到了template
属性,但是很难注意到:
应该是div。popover元素遵循Bootstrap样式约定。
因此你的pop.html
应该有这样的结构:
<div class="popover">
<div class="arrow"></div>
<h3 class="popover-title" ng-bind="title" ng-show="title"></h3>
<div class="popover-content">
<ul class="list-group">
<li class="list-group-item" ng-click="hidePopover();editRowName(student)">Edit</li>
<li class="list-group-item " ng-click="deleteRow($index)">Delete</li>
</ul>
</div>
</div>
示例Plunker: http://plnkr.co/edit/sKApS5eC0NCv1PLsQKZx?p=preview
相关文章:
- JavaScript选择器:查找包含具有特定属性的子体的节点
- 如何查找包含特定选择器的父元素
- jQuery选择器,用于查找包含具有特定值的TD输入的TR
- 如何使用 jQuery 筛选器选择器查找表标记 td 值
- 如何查找不比选择器更深的元素
- CasperJS可以't使用CSS选择器或xPath查找元素
- 与其在 jquery 中选择器中查找元素,我可以反过来做
- 使用查询选择器查找同级行中包含的下一个单元格
- 如何基于两个选择器查找元素
- 是否有一个 jQuery 选择器查找不存在的子字符串
- JQuery 选择器查找
- “间歇”;jqLite不支持通过选择器查找元素"当使用RequireJS加载AngularJS时
- 正在尝试使用jquery选择器查找跨度旁边的文本
- 使用多个选择器查找DOM中最近的元素
- 如何消除这个错误(通过选择器查找元素)
- 如何使用此选择器查找直接子节点
- Jquery数据选择器查找具有特定数据值的所有元素
- jQuery:通过选择器查找后代,并通过索引设置值
- 使用& # 39;:隐藏# 39;选择器查找jquery中的隐藏元素
- CSS选择器查找html元素