如何点击链接制作可扩展的表格？

Question

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

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

当我点击<a>元素时，我想要DIV扩展。

有什么想法吗？

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/