我有一个手风琴的表上的所有设备和浏览器正常工作，但根本不工作在 ios 移动。我找到了解决的办法也仅为 div 的和使用 href，但对我而言，我真的需要用几个列的表。在这里，你有我使用的自举 代码http://jsfiddle.net/k3yrnsux/ 。
<div> <table id="table-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"> <td>1</td> <td>05 May 2013</td> <td>Credit Account</td> <td>$150.00</td> <td></td> <td>$150.00</td> </tr> <tr> <td colspan="6"> <div 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"> <td>2</td> <td>05 May 2013</td> <td>Credit Account</td> <td>$11.00</td> <td></td> <td>$161.00</td> </tr> <tr> <td colspan="6"> <div id="demo2">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"> <td>3</td> <td>05 May 2013</td> <td>Credit Account</td> <td>$500.00</td> <td></td> <td>$661.00</td> </tr> <tr> <td colspan="6"> <div id="demo3"> <table> <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>$150.00</td> <td></td> <td>$150.00</td> </tr> <tr> <td>1</td> <td>05 May 2013</td> <td>Credit Account</td> <td>$150.00</td> <td></td> <td>$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 " : t.extend({}, s.data(), { trigger: this }); i.call(n, r) } .hiddenRow { padding:0px!important; } .hiddenRow div { margin: 20px; white-space:normal; }
解决方法:
我已经跑到 iOS 的问题，以及引导。
由于某种原因，如果您手动附加到 click 事件 tr 元素它工程而不及的问题，但你不能对选择器通过额外的属性。
http://jsfiddle.net/8x3ub2xz/
似乎只有附加 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(); }); });
以上所述就是本文给大家分享的全部内容了，希望大家能够喜欢。
【IOS中手风琴表不能移动的解决方法】相关文章：
★ iOS开发中使用CoreLocation框架处理地理编码的方法