Javascript 当我在移动设备中单击一个锚点时，切换功能不会'；行不通

我想这样，当我点击facebook图标时，会打开一个对话框，你可以在其中看到某个页面的提要

因此，基本上我想创建一个函数（使用jQuery）来切换iframe（从Facebook生成）的可见性

这在我的网站上起作用，但在手机上——当我点击Facebook图标时，iframe不会“显示自己”

我创建了一个JSFIDLE来向您展示我的代码，但由于某些原因，它甚至不能在我的电脑上运行。我不知道我做错了什么

HTML:

jQuery：

$('#fb').on('click', function() {
    $('#fbDialog').toggle();
});

你看了吗

或者尝试在代码中添加event.preventDefault（），如下所示：

$('#fb').on('click', function(e) {
    e.preventDefault();
    $('#fbDialog').toggle();
});

---

我已经通过手机查看了你的网站。iframe完全正常工作。或者您可以更改#fb位置：绝对；要在容器上显示它。

前端开发人员应该知道。谢谢，我不知道，可能是因为“我不是前端…”你应该用这里的按钮。锚是用来连接的。

$('#fb').on('click', function() {
    $('#fbDialog').toggle();
});

$('#fb').on('click', function(e) {
    e.preventDefault();
    $('#fbDialog').toggle();
});