如何在单击 link 时制作可扩展的 table?
How to make a expandable table on click of the link?
我正在用 Bootstrap 和 AngularJS 制作可扩展的 table。
我想要什么?我想要并且需要制作一个 div,当我单击 <a>
元素时它会展开。目前 - 使用我的代码 - 如果我单击 <a>
元素的行也会展开,我不希望这样。
我希望 DIV 在我点击 <a>
元素时展开。
有什么想法吗?
如果您在 link 函数的开头做日志:
link: function(scope, element, attrs){
console.log(element);
// ...
你会看到 element
是 <d-expand-collapse>
标签,它包裹了整个 space 从 link 的左上角开始到右下角结束扩展后的 div.
这就是为什么以下行会捕获每个点内的每次点击 space:
$(element).click( function() {
您只需要在 link 上点击 ,因此您需要找到它并将点击处理程序绑定到它:
$(element).find('a.question.ui-link:first').click( function() {
我正在用 Bootstrap 和 AngularJS 制作可扩展的 table。
我想要什么?我想要并且需要制作一个 div,当我单击 <a>
元素时它会展开。目前 - 使用我的代码 - 如果我单击 <a>
元素的行也会展开,我不希望这样。
我希望 DIV 在我点击 <a>
元素时展开。
有什么想法吗?
如果您在 link 函数的开头做日志:
link: function(scope, element, attrs){
console.log(element);
// ...
你会看到 element
是 <d-expand-collapse>
标签,它包裹了整个 space 从 link 的左上角开始到右下角结束扩展后的 div.
这就是为什么以下行会捕获每个点内的每次点击 space:
$(element).click( function() {
您只需要在 link 上点击 ,因此您需要找到它并将点击处理程序绑定到它:
$(element).find('a.question.ui-link:first').click( function() {