2017-09-14 79 views
0

引导程序的collapse存在问题。 它应该像它应该那样工作,除非没有关闭/折叠动画。引导程序崩溃不滑动

滑出工作正常,并且平滑,但滑动工作就像在可见元素上使用hide()。

任何想法可能是什么原因?

<tr class="cursor-pointer" data-target="#accordion65" data-toggle="collapse" aria-expanded="true"> 
... 
</tr> 
<tr> 
    <td class="clear-p-b-m" colspan="7"> 
     <div class="collapse in" id="accordion65" aria-expanded="true" style=""> 
     <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 task-details" 
     ... 
     </div> 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
     ... 
     </div> 
     </div> 
    </td> 
</tr> 
+0

如何崩溃引发的?有没有按钮? – rjustin

+0

数据目标是在通常你看到这个按钮或链接 – rjustin

+0

这是不寻常的关于它,我真的不想使用按钮,我想让整个'tr'“点击”。 – Kappa

回答

0

唯一的变化是使你的代码的可执行文件,并从TR EL的数据切换更改为嵌套A.

EDITS:我删除了嵌套,这是多余的 - TR可以在这种情况下接受点击。问题是,表格宽度从未定义。不确定你说的代码段不起作用时的含义,它对我的​​工作很好。我也改变了折叠的埃尔开始崩溃,并点击显示。请注意,因为它是一个嵌套div,而不是你正在折叠的TR,所以即使在折叠时仍然会看到第二个TR。

table { 
 
    width: 100%; 
 
} 
 

 
tr { 
 
    border-bottom: 1px dotted black; 
 
} 
 

 
tr:hover { 
 
    background-color: #eee; 
 
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet" /> 
 
<table> 
 
    <tr class="cursor-pointer" data-target="#accordion65" data-toggle="collapse" aria-expanded="true"> 
 
    <td> 
 
     click me 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class=" clear-p-b-m" colspan="7"> 
 
     <div class="collapse out" id="accordion65" aria-expanded="true" style=""> 
 
     <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 task-details"> 
 
      zoop 
 
     </div> 
 
     <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 
 
      ... 
 
     </div> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
</table>

+0

它只会让某些'td'在点击时作出反应,但我希望整个'tr'来做到这一点。问题是'a'不能是'tr'后裔,也不能''descdendant。有另一种方法吗? – Kappa

+0

这不起作用。即使片段不起作用。 – Kappa