Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Notificacao toast do Material Design

Referente ao curso Cordova & PhoneGap: Apps mobile com HTML, CSS e JS, no capítulo Mais Material Design e atividade Toast

por William Rodrigues da Silva
| 19.4k xp | 7 posts
Desenvolvedor

Estou testando o uso do Toast do Material Design, e a notificação só aparece quando é clicado no botão Confirmar e não a cada vez que é adicionado um item. No caso aparece uma série de notificações ao mesmo tempo.

$('#confirmar').on('click', function() {

    var texto = '';

        $('.badge').parent().each(function(){
        var produto = this.firstChild.textContent;
        Materialize.toast(produto + ' adicionado', 1000);

        var quantidade = this.lastChild.textContent;

        texto += produto + ' : ' + quantidade + ', ';
    })

    $('#resumo').text('Os Produtos selecionados são:\n' + texto);
});
2 respostas
solução!
por Daniel Omnion
| 1014.4k xp | 1150 posts

Esse Toast de "adicionado" fica em outro lugar, ele ocorre quando você clica em cada elemento que tem a classe "collection-item".

$('.collection').on('click', '.collection-item', function(){

        var $badge = $('.badge', this);
        if ($badge.length === 0) {
            $badge = $('<span class="badge brown-text">0</span>')
                        .appendTo(this);
        }



        $badge.text(parseInt($badge.text()) + 1);

        var nomeProduto = this.firstChild.textContent;
        Materialize.toast(nomeProduto + ' adicionado', 1000);
    });
por William Rodrigues da Silva
| 19.4k xp | 7 posts
Desenvolvedor

Hmmm, entendi. Corrigido. Deu certo.