如何在单击链接时制作可展开的表格
How to make a expandable table on click of the link?
我正在用Bootstrap和AngularJS制作一个可扩展的表格。
我想要什么?我想要并且我需要制作一个div,当我单击<a>
元素时会展开。目前 - 使用我的代码 - 如果我单击<a>
元素的行也会扩展,我不想要这个。
我希望 DIV 在单击<a>
元素时展开。
有什么想法吗?
http://jsfiddle.net/paragdiwan/9qJ2g/8/
如果你在
链接函数的开头做一个日志:
link: function(scope, element, attrs){
console.log(element);
// ...
您将看到element
是 <d-expand-collapse>
标记,它包装整个空间,从链接的左上角开始,到展开的div 的右下角结束。
这就是为什么以下行捕获该空间每个点内的每次点击:
$(element).click( function() {
您需要的只是单击链接,因此您需要找到它并将单击处理程序绑定到它:
$(element).find('a.question.ui-link:first').click( function() {
演示:http://jsfiddle.net/9qJ2g/142/
相关文章:
- 使用HTML / Javascript将Web应用程序生成的图表/表格转换和导出到可编辑的Powerpoint(.ppt
- ModalDialog:HTML表格应该是可滚动的,而不是整个页面
- Google 图表 - 设置选择不会滚动到表格可视化中的选定行
- 可滚动的表格中的键盘导航
- 如何在可动手表格中显示百分比而不是比率
- 如何在可动手表格中动态预置复选框列
- 如何在可展开菜单中正确显示标题
- 从 ui-grid 中的可展开行中删除列标题
- 折叠并展开表格行的宽度后会发生变化
- 如何在单击链接时制作可展开的表格
- 展开表格行以显示更多数据
- angular js中的可选表格模式弹出窗口
- 如何分配类并切换可展开的菜单项
- 通过第一列创建一个可展开的表格视图单元格
- Jquery可编辑表格:如何使某些单元格可编辑
- 用+和-图标折叠/展开表格
- 如何在selenium中选择可展开的项目
- 使用锚标记时,可展开(手风琴)列表中的 jQuery 折叠功能不起作用
- 可展开按钮
- 如何在 AngularJS 中展开表格以手风琴样式添加更多信息