Когда я нажимаю на якорь в мобильном телефоне, функция переключения не работает

Question

Я хочу сделать так, чтобы при нажатии на значок Facebook открывалось диалоговое окно, в котором вы можете видеть канал определенной страницы.

Так что в основном я хочу сделать функцию (с jQuery), который переключает видимость iframe (сгенерированного из Facebook).

Это работает на моем сайте: https://sjaeloglegeme.dk/, но на мобильном телефоне - когда я нажимаю на значок Facebook iframe не «показывает себя».

Я создал JSFiddle, чтобы показать вам мой код, но по какой-то причине он даже не работает на моем p c. Я не знаю, что я делаю не так ...

https://jsfiddle.net/s4yf0tq1/

HTML:

<a href="#" id="fb"><img src="https://vanineveld.github.io/sjaeloglegeme/img/fb.svg" alt="facebook logo"></a>

<iframe id="fbDialog" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fsjaeloglegeme%2F&tabs=timeline&width=340&height=500&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

CSS:

#fb {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#fb img {
  height: 30px;
  width: auto;
}

#fbDialog {
  position: fixed;
  bottom: 70px;
  left: 30px;
  display: none;
}

jQuery:

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

Answer 1

Я проверил ваш https://sjaeloglegeme.dk/ веб-сайт со своего мобильного телефона. Iframe полностью работает. или вы можете изменить позицию #fb: absolute; показать его над контейнером.

Answer 2

Вы смотрели на эту топи c?

Или, возможно, попробуйте добавить в свой код функцию event.preventDefault () следующим образом:

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