FC ConcursosFC Concursos

Questão FC373550

Considere o fragmento de uma página web desenvolvida usando HTML, jQuery e BootStrap 4. Considere que todas as bibliotecas necessárias foram referenciadas no cabeçalho da página. <

Desenvolvimento Web

FCC · 2019

Considere o fragmento de uma página web desenvolvida usando HTML, jQuery e BootStrap 4. Considere que todas as bibliotecas necessárias foram referenciadas no cabeçalho da página.


<body>
  <div class="container">
    <a href="#" data-toggle="a" data-placement="bottom" title="Tenha seus documentos em
mãos">Cadastrar</a>
  </div>
  <script>
   $(document).ready(function(){
     $('[data-toggle="a"]'). ..I..();
   });
  </script>
</body>


Para que, ao levar o ponteiro do mouse sobre o link, apareça o que mostra a figura abaixo, a lacuna I deve ser preenchida por

 

 

  1. toggle.
  2. collapse.
  3. pophover.
  4. tooltip.
  5. toast.
Mostrar resposta e comentário

Gabarito

D

Comentário do professor

A alternativa correta é tooltip. No Bootstrap 4 o plugin tooltip exibe um pequeno pop-up quando o usuário posiciona o ponteiro sobre um elemento, exatamente o comportamento pedido.

Para funcionar é preciso inicializar o plugin em JavaScript, por exemplo: $('.[data-toggle="a"]').tooltip(); — no enunciado a seleção usa data-toggle="a", por isso o seletor aponta para esse atributo.

O conteúdo mostrado vem do atributo title e a posição é controlada por data-placement (aqui bottom).

Importante: é necessário incluir as bibliotecas jQuery e Bootstrap JS/CSS. Se o title contém marcação HTML (por exemplo <br>), ative a opção html: true ao inicializar: $('[data-toggle="a"]').tooltip({html: true}); (use apenas com conteúdo seguro).

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo