Question

我正在构建一个带有隐藏div的网页，在点击另一个div时会崩溃。问题是当我使用iPhone时，div不会崩溃（计算机和其他设备工作得很好）。我甚至在我的笔记本电脑上尝试过Safari，它运行正常。

页面的内容最初使用jQuery插入到页面中，并且有效。但是我希望它被加载到不同的页面上，所以现在在我点击链接后，内容将被加载到页面的其余部分。

当我使用iOS的开发人员工具时，我注意到点击链接没有导致错误，实际上没有触发任何事件。当我使用jQuery显式切换它实际上有效的崩溃时。

在适用于iOS的Google Chrome应用中，它无效。

当我简单地从w3schools复制粘贴的bootstrap崩溃到我的网页时，他们的倒塌工作，我的没有。因此我添加了一些源代码，也许我错过了一些东西：

<div class="result_header" data-toggle="collapse" data-target="#source_1_collapse">
    <h2 class="result_h2">Results for "a": </h2>
</div>
<div id="source_1_collapse" class="collapse result_container">
    <table class="table _table-striped _table-hover" id="source_1_table">
    .
    .
    </table>
</div>

感谢您的帮助。

Answer 1

嗯，答案就在那里，我没有看到它......

经过长时间的研究，我发现this article解释了问题在于将事件绑定到不可忽略的元素。

显然是iPhone和＃39; safari不会让其他元素输入或链接触发＆＃34;点击＆＃34;事件。

解决方案是将不可点击的元素添加到＆＃34; onlick＆＃34;导致空函数的属性，现在该元素是可点击的。

我已将代码更改为：

<div onclick="none()" class="result_header" data-toggle="collapse" data-target="source_1_collapse" >
   <h2 class="result_h2">Results for "{{name}}": </h2>
</div>
<div id="source_1_collapse" class="collapse result_container">
    .
    .
</div>

<script>
    function none(){}
</script>

它现在有效。

希望它有所帮助，美好的一天。

Bootstrap崩溃一半在iPhone上工作

1 个答案: