Vraptor Html5 Jquery

4 de julho de 2013 5 respostas

djavali 4 de julho de 2013

Olá!

Eu tenho um projeto no eclipse criado a partir do scaffold.
Bom, estou utilizando o vraptor com html5 para a view. Nessa view eu tento utilizar jquery mas de nenhuma forma funciona.
Eu coloco uns alert pra ver se ele realmente está carregando e ele está.
Mas quando utilizo por exemplo:

<table class="datatable">

ele simplesmente não utiliza o jquery e em nenhuma outra chamada assim.

Os .js estão dentro da pasta webapp/javascripts

Eu postei essa dúvida no Guj respostas, o Ramom tentou me ajudar, mas não tivemos sucesso.
Caso alguém possa ver está aqui: http://www.guj.com.br/2578-vraptor--html5--jquery

Postei aqui no GUJ porque pode ter mais pessoas que acessam o fórum direto.
Alguém tem alguma idéia?

5 Respostas

ericmaicon 4 de jul. de 2013

Olá,

o JS está dentro da pasta webapps ou WEB-INF?

Você tem o firebug? que erro de JS está dando nele? pode me mostrar?

djavali 4 de jul. de 2013

ericmaicon:
Olá,

o JS está dentro da pasta webapps ou WEB-INF?

Você tem o firebug? que erro de JS está dando nele? pode me mostrar?

Opa,

Os arquivos .js estão na pasta webapp fora da WEB-INF.
Consigo acessá-los por exemplo localhost:8080/meuProjeto/javascripts/arquivo.js. Também quando vou no código gerado html e clico no arquivo ele abre certinho.
Os alerts tb aparecem…
Não tenho firebug, vou instalar assim que chegar em casa.

djavali 4 de jul. de 2013

Instalei o firebug como vc me indicou. No console aparece o seguinte erro:

TypeError: $(…).pjax is not a function
[Parar neste erro]

success: function(data) {

Quando vou na linha esse é o código que tem:

$('nav#secondary a').pjax({
     container: '#main',
     success: function(data) {
      init();
}

ericmaicon 4 de jul. de 2013

Você fez o código javascript na mão né? o que é esse container? E creio que se vc estiver usando jquery, a função seria assim:

$.ajax({
                type: "post",
                url: painel.apiUrl + "/login",
                data: {'usuario.login': 125, 'usuario.senha': "Joaozinho"},
                dataType: "json",
                success: function(data) {
                    alert("Sucesso!");
                },
                error: function() {
                    alert("Erro!");
                }
            });

djavali 5 de jul. de 2013

ericmaicon:
Você fez o código javascript na mão né? o que é esse container? E creio que se vc estiver usando jquery, a função seria assim:

$.ajax({ type: "post", url: painel.apiUrl + "/login", data: {'usuario.login': 125, 'usuario.senha': "Joaozinho"}, dataType: "json", success: function(data) { alert("Sucesso!"); }, error: function() { alert("Erro!"); } });

Opa! Obrigado pela ajuda.
Rodando o firebug, contando com sua ajuda e de uns caras no guj respostas, consegui achar o problema.
Acontece que dentro da pasta WEB-INF/jsp há uma subpasta chamada: decorators, que contém um arquivo: main.jsp
Esse main carregava o application e jquery.min que também estava sendo carregado na página que estava dando erro, ou seja, chamando 2x os plugins.
Foi retirado e os erros não ocorrem mais.

Criado 4 de julho de 2013

Ultima resposta 5 de jul. de 2013

Respostas 5

Participantes 2

5 Respostas

Topicos relacionados