IOS中手風(fēng)琴表不能移動(dòng)的解決方法
我有一個(gè)手風(fēng)琴的表上的所有設(shè)備和瀏覽器正常工作,但根本不工作在 ios 移動(dòng)。我找到了解決的辦法也僅為 div 的和使用 href,但對(duì)我而言,我真的需要用幾個(gè)列的表。在這里,你有我使用的自舉 代碼http://jsfiddle.net/k3yrnsux/ 。
<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; }
解決方法:
我已經(jīng)跑到 iOS 的問(wèn)題,以及引導(dǎo)。
由于某種原因,如果您手動(dòng)附加到 click 事件 tr 元素它工程而不及的問(wèn)題,但你不能對(duì)選擇器通過(guò)額外的屬性。
http://jsfiddle.net/8x3ub2xz/
似乎只有附加 click 事件時(shí)附加屬性傳遞到選擇器的問(wèn)題嗎?不知道為什么。
將
$(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(); }); });
以上所述就是本文給大家分享的全部?jī)?nèi)容了,希望大家能夠喜歡。
相關(guān)文章
混合棧跳轉(zhuǎn)導(dǎo)致Flutter頁(yè)面事件卡死問(wèn)題解決
這篇文章主要為大家介紹了混合棧跳轉(zhuǎn)導(dǎo)致Flutter頁(yè)面事件卡死問(wèn)題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08iOS拍照后圖片自動(dòng)旋轉(zhuǎn)90度的完美解決方法
今天開(kāi)發(fā)一個(gè)拍照獲取照片的功能的時(shí)候, 發(fā)現(xiàn)上傳之后圖片會(huì)自動(dòng)旋轉(zhuǎn)90.在測(cè)試中發(fā)現(xiàn)只要是圖片大于2M, 系統(tǒng)就會(huì)自動(dòng)翻轉(zhuǎn)照片。下面小編通過(guò)本文給大家分享下解決辦法2016-12-12iOS runtime動(dòng)態(tài)添加方法示例詳解
Runtime是想要做好iOS開(kāi)發(fā),或者說(shuō)是真正的深刻的掌握OC這門語(yǔ)言所必需理解的東西。下面這篇文章主要給大家介紹了關(guān)于iOS runtime動(dòng)態(tài)添加方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。2018-01-01詳解iOS開(kāi)發(fā)獲取當(dāng)前控制器的正取方式
這篇文章主要介紹了iOS開(kāi)發(fā)獲取當(dāng)前控制器的正取方式,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09如何利用FutureBuilder提高開(kāi)發(fā)效率
這篇文章主要給大家介紹了關(guān)于如何利用FutureBuilder提高開(kāi)發(fā)效率的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07iOS NSURLSessionDownloadTask設(shè)置代理文件下載的示例
本篇文章主要介紹了iOS NSURLSessionDownloadTask設(shè)置代理文件下載的示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01