Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Modal Modal-Trigger nao Funciona

Referente ao curso Cordova & PhoneGap: Apps mobile com HTML, CSS e JS

por Dionísio de Oliveira Dias Filho
| 66.6k xp | 29 posts

Bom dia, O meu Modal não funciona para mostrar o resumo do pedido, eu clico no btn flutuante e não acontece nada.!

<div class="fixed-action-btn">
    <a href="#confirmacao" class="btn-floating btn-large waves-effect waves-ligth brown modal-trigger"><i class="material-icons">done</i></a>
</div>

<div class="modal modal-fixed-footer" id="confirmacao">
    <div class="modal-content">
        Conteudo
    </div>
    <div class="modal-footer">
        rodape
    </div>
</div>

e o app.js

$('.modal-trigger').leanModal();
2 respostas
por Sérgio Lopes
| 605.5k xp | 914 posts
Instrutor

Oi Dionísio, algum erro no Console do navegador?

E o .js ta sendo importado depois do HTML? (senao ele nao acha o $('.modal-trigger')

solução!
por Dionísio de Oliveira Dias Filho
| 66.6k xp | 29 posts

Sérgio, Obrigado conseguir achar o erro.

quando você falou se o arquivo estava sendo importado no HTML eu fui verificar, e está sendo importado, foi aí que observei o problema olha como o meu estava.

<script src="js/jquery.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/materialize.min.js"></script>

e o seu está assim:

<script src="js/jquery.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/app.js"></script>

a questão era a ordem que estava sendo importava, alterei a ordem da importação e deu certo. pois não sabia que isso influenciava.

Valeu Mesmo... !