Início / coding / Perguntas / 79595807
Accepted
Gab
Asked: 2025-04-28 12:33:32 +0800 CST

Pop-up magnífico funcionando apenas em telas maiores [duplicado]

  • 772

Está funcionando na minha tela e na tela de alguns testadores, mas alguns testadores com tela menor estão abrindo um novo link em vez do pop-up

HTML:

<a class="popup-video" href="videos/onequote 1.mp4">
  <img src="images/thumb1.png">
</a>

ROTEIRO:

$(function() {
                $('.popup-video').magnificPopup({
                    disableOn: 1000,
                    type: 'iframe',
                    mainClass: 'mfp-fade',
                    removalDelay: 160,
                    preloader: false,
                    fixedContentPos: false
                });
            });
javascript

1 respostas

  1. Best Answer

    O problema está acontecendo devido à configuração disableOn: 1000 na configuração do Magnific Popup. Essa configuração significa que, quando a largura da tela é menor que 1000 pixels, a funcionalidade de pop-up é desativada. Como resultado, a tag se comporta como um link normal e abre o vídeo diretamente em uma nova aba, em vez de exibir o pop-up. Para corrigir isso, você pode remover a opção disableOn completamente ou defini-la com um valor menor, como disableOn: 0. Dessa forma, o pop-up funcionará mesmo em telas menores. Veja um exemplo com a configuração atualizada.

      $(function() {
    $('.popup-video').magnificPopup({
        disableOn: 0,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: false
    });
});

    Isso deve resolver o problema e fazer com que o pop-up funcione corretamente em todos os tamanhos de tela. Espero que ajude.

    • 2

relate perguntas