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

Question

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

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

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

有什么想法吗？

http://jsfiddle.net/paragdiwan/9qJ2g/8/

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

演示：http://jsfiddle.net/9qJ2g/142/