Javascript Jquery在mobile中自动切换打开和关闭

我已经实现了一些在桌面上工作的代码，但是在移动设备上，它并没有像预期的那样工作。 在mobile中，当您单击div时，它应该切换以打开内容。但是，它会打开它，然后再次自动关闭，这样用户就看不到内容了。 以下是我到目前为止的情况：

$(document).on('click touchstart', '.contact_Style h2.general_Click', function() {
    $(this).next().toggle('slow');
});

<h2 class="general_Click">Search </h2>
<div id="search">The Content</div>

$（文档）。在（'click touchstart'，'上。联系方式h2。常规\u click'，函数（）{
$（this.next（）.toggle（'slow'）；
});
搜寻
内容

---

任何帮助都将不胜感激。

只需绑定到

点击

，因为移动浏览器会在触摸时触发它，所以您会收到两个回调电话（打开然后关闭内容）

---

您可以阅读有关此行为的信息

我在您的代码中做了一个小更正。 首先，默认情况下需要隐藏内容div。 将其添加到样式文件中：

#search{display: none}

然后尝试使用这个js代码

<script type="text/javascript">
    $(document).on('click', 'h2.general_Click', function() {
        $(this).next().toggle('slow');
    }); 
</script>

$（文档）.on（'click'，'h2.general_click'，function（）{
$（this.next（）.toggle（'slow'）；
}); 

您的html将保持原样：

<h2 class="general_Click">Search </h2>

<div id="search">The Content</div>

搜索
内容

在我的案例中，选择器“h2.general\u Click”被创建了两次（请检查您的视图源代码），这就是为什么它调用了两次并自动关闭的原因

请检查您的视图源代码，确保选择器没有重复。

---

如果它正在重复，请选择一个不在网页中重复的扇区。

虽然我很欣赏您的回答，但我不知道如何将其应用到我的特定场景中。不要绑定到

单击touchstart

事件，只需使用

单击

，这样您就可以得到这个：

$（文档）。on（“点击”按钮。联系方式h2。一般点击按钮…