Bootstrap数据切换不适用于移动设备

凯夫兹

我正在尝试在桌面浏览器上运行时完成与代码示例相似的数据切换。

此代码的问题在于它无法在移动设备上运行。例如:三星(s6,s7)和苹果(iphone 6s和7s)

<div class="row">
        <div class="faq">   
            <div class="container">
                <div class="col-md-12">
                    <h1>FREQUENTLY ASKED QUESTIONS</h1>
                </div>
                <table class="table">
                    <thead>
                        <th>General</th>
                    </thead>

                    <tbody>
                        <tr data-toggle="collapse" data-target="#faq6" class="clickable faq-header">
                            <td>What are your hours of operation?
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div id="faq6" class="collapse">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                                </div>
                            </td>
                        </tr>

                        <tr data-toggle="collapse" data-target="#faq7" class="clickable faq-header">
                            <td>What is the minimum storage period?
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <div id="faq7" class="collapse">
                                    You can store as short as three months. But the longer you store the more money you will save!
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
     </div>

我希望它与单击问题时的浏览器一样,它将触发并显示相应的答案。

我目前得到的实际结果是它不响应任何触摸/点击。我的菜单下拉菜单有效,等等,但是数据切换似乎没有响应。

我已经尝试了以下答案:Twitter Bootstrap / Bootstrap3手风琴表中的data-toggle属性在IOS移动设备上不起作用/ Bootstrap data-toggle在Safari中不起作用/但它们似乎都不适合我

亚历克斯·R

尝试添加href="#"<a标签中,该标签实际上并未显示在您的问题中。那为我解决了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章