美少女的谎言第一季,扁豆角,赴韩游客或减六七成
我有一个手风琴的表上的所有设备和浏览器正常工作，但根本不工作在 ios 移动。我找到了解决的办法也仅为 div 的和使用 href，但对我而言，我真的需要用几个列的表。在这里，你有我使用的自举 代码 。
我要评论
<div class="table-content">
<table id="table-collapse" class="table table-responsive table-hover table-striped" style="border-collapse:collapse;">
<thead>
<tr>
<th>#</th>
<th>date</th>
<th>description</th>
<th>credit</th>
<th>debit</th>
<th>balance</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#demo1" data-parent="table-collapse" class="accordion-toggle">
<td>1</td>
<td>05 may 2013</td>
<td>credit account</td>
<td class="text-success">$150.00</td>
<td class="text-error"></td>
<td class="text-success">$150.00</td>
</tr>
<tr>
<td colspan="6" class="hiddenrow">
<div class="accordian-body collapse" id="demo1">lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque malesuada ligula non semper facilisis. sed mattis libero vel convallis tincidunt. sed tempor auctor ultrices.</div>
</td>
</tr>
<tr data-toggle="collapse" data-target="#demo2" class="accordion-toggle accordion-group">
<td>2</td>
<td>05 may 2013</td>
<td>credit account</td>
<td class="text-success">$11.00</td>
<td class="text-error"></td>
<td class="text-success">$161.00</td>
</tr>
<tr>
<td colspan="6" class="hiddenrow">
<div id="demo2" class="accordian-body collapse">lorem ipsum dolor sit amet, consectetur adipiscing elit. pellentesque malesuada ligula non semper facilisis. sed mattis libero vel convallis tincidunt. sed tempor auctor ultrices.</div>
</td>
</tr>
<tr data-toggle="collapse" data-target="#demo3" class="accordion-toggle">
<td>3</td>
<td>05 may 2013</td>
<td>credit account</td>
<td class="text-success">$500.00</td>
<td class="text-error"></td>
<td class="text-success">$661.00</td>
</tr>
<tr>
<td colspan="6" class="hiddenrow">
<div id="demo3" class="accordian-body collapse">
<table class="table table-responsive table-striped table-hover">
<thead>
<tr>
<th>#</th>
<th>date</th>
<th>description</th>
<th>credit</th>
<th>debit</th>
<th>balance</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>05 may 2013</td>
<td>credit account</td>
<td class="text-success">$150.00</td>
<td class="text-error"></td>
<td class="text-success">$150.00</td>
</tr>
<tr>
<td>1</td>
<td>05 may 2013</td>
<td>credit account</td>
<td class="text-success">$150.00</td>
<td class="text-error"></td>
<td class="text-success">$150.00</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
function (o) {
var s = t(this);
s.attr("data-target") || o.preventdefault();
var n = e(s),
a = n.data("bs.collapse"),
r = a ? "toggle" : t.extend({}, s.data(), {
trigger: this
});
i.call(n, r)
}
.hiddenrow {
padding:0px!important;
}
.hiddenrow div {
margin: 20px;
white-space:normal;
}
解决方法:
我已经跑到 ios 的问题，以及引导。
由于某种原因，如果您手动附加到 click 事件 tr 元素它工程而不及的问题，但你不能对选择器通过额外的属性。
似乎只有附加 click 事件时附加属性传递到选择器的问题吗？不知道为什么。
将
$(document).ready(function () {
$("tr").click(function () {
var sender = $(this);
var targetid = $(sender.attr("data-target"))
targetid.toggle().collapse();
});
});
改为
$(document).ready(function () {
$("tr [data-toggle='collapse']").click(function () {
var sender = $(this);
var targetid = $(sender.attr("data-target"))
targetid.toggle().collapse();
});
});
以上所述就是本文给大家分享的全部内容了，希望大家能够喜欢。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
网友评论