Javascript 单击时无法隐藏移动设备中的div

我有这个部门：

<div class="column twelve wide" id="p1" style="text-align:left !important;">
...CONTENT...
</div>

当我在桌面版本上单击Testbutton时，它是完全正常的，它隐藏了div并在完成时触发警报

在手机上（测试了iPhone5和Nexus 6），它会隐藏div。触发警报，然后再次显示div

为什么会这样？我错过了什么

//编辑：这是bTest类

<div class="ui green submit button bProceed bTest" data-type="m">TEST</div>

测试

//完整标记（不确定相关内容）：

试试这个

$(function () {
    $('#p1').click(function () {
        $('#p1').hide(function () {
            alert("complete");
        });
    });
});

---

只有当他想点击div本身时才可以——不太可能是bTest——也许它与你想点击显示的内容重叠了。点击鼠标，而不是点击你说的重叠是什么意思？它就在我试图隐藏的#p1内。。。把它放在其他地方不会改变任何东西，所以请显示完整的实际相关标记。我们怎么知道它在里面？应该能用的。无论如何，我建议您也使用移动事件和改进的jQuery方法，类似于

$（'.bTest'）
$(function () {
    $('#p1').click(function () {
        $('#p1').hide(function () {
            alert("complete");
        });
    });
});