Vraptor Html5 Jquery

Assuntos Gerais
#1

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?

#2

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?

#3

[quote=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?[/quote]

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.

#4

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();
}
#5

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!");
                }
            });
#6

[quote=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!"); } }); [/quote]

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.

#7