单击链接时如何制作可展开的表格？

【问题标题】：How to make a expandable table on click of the link?单击链接时如何制作可展开的表格？
【发布时间】：2016-05-11 19:08:34
【问题描述】：

我正在使用 Bootstrap 和 AngularJS 制作一个可扩展的表格。

我想要什么？我想要并且我需要创建一个 div，当我单击 <a> 元素时它会展开。目前 - 使用我的代码 - 如果我点击 <a> 元素的行也会展开，我不想要这个。

我希望 DIV 在我单击 <a> 元素时展开。

有什么想法吗？

【问题讨论】：

【解决方案1】：

如果你在链接函数的开头做一个日志：

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() {

【讨论】：