0

Olá, estou utilizando um template do startbootstrap, o Agency, consegui importar ele para o projeto Rails, coloquei o tema na pasta vendor, importei os scss no aplication.scss e coloquei os requeries no aplication.js, o scss encontra o agency.css, estiliza a tela, porém alguns efeitos não funcionam, esses efeitos são:

  • O Deslise da tela ao clicar no link;
  • E a navbar não muda de transparent para uma cor sólida.

Infelizmente não aparece nenhum erro no log, nem quando eu tento inspecionar a tela, ela não dá falta de nenhum js, não faço ideia do que poderia estar acontecendo, se alguém puder me auxiliar eu agradeço, já rodei o stackoverflow, a comunidade ruby on rails, o grupo ruby do telegran, inúmeros sites no google, e não consigo corrigir esse problema, já tentei tirar o turbolink como já pediram para eu tentar mas de nada adiantou também.

Não sei se esses efeitos vem do jquery, jquery.easing ou mesmo do bootstrap.js, estou totalmente perdido quanto a esse problema. Se precisarem de mais informações me peçam

Agradeço a ajuda.


Bom, vou resumir para ser mais especifico como foi solicitado, acredito que muitos que trabalham com bootstrap ja viram aqueles templates da página startbootstrap ou mesmo em outros sites em que você clica no link do navbar e a página desliza até aquela parte, para uma melhor visualização, segue o link do template que eu estou utilizando Template Agency, dois efeitos não estão funcionando junto com o Rails e seria:

  1. O efeito de deslise conforme clico nos links
  2. Modificar a navbar de transparent para uma cor solida

Não sei se o Rails exige outra coisa ou parametro para poder fazer esses efeitos funcionarem, acredito que com o template para verem o que eu estou falando fica mais facil de visualizar, se eu usar somente no html funciona, se eu usar junto com o Rails esses efeitos não funcionam.

1
  • Esclareça seu problema específico ou acrescente outros detalhes para destacar exatamente o que precisa. Do modo como está escrito aqui, é difícil saber exatamente o que você está perguntando. Consulte a página Como perguntar para obter ajuda no esclarecimento desta pergunta.
    – durtto
    13/03/2017 às 11:45

2 Respostas 2

0

Obrigado para quem leu e até pensou em me ajudar, meu erro foi que essa parte do código:

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

estava na tag head e deveria estar na tag body abaixo do footer.

0

Estudando melhor ainda o assunto, sabemos que o código

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

deve ficar no head, por ser uma boa prática, então para corrigir definitivamente e mantermos a boa prática devemos abrir o arquivo js principal, nesse caso o agency.js que deve se encontrar na pasta vendor e colocar um $(document).ready antes da function inicial para que esse arquivo só carregue depois que todo o html tiver carregado, com isso podemos voltar o

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

para a tag head que é seu lugar correto.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .