Adicione JavaScript na parte inferior de uma página


15

Como posso adicionar scripts JavaScript na parte inferior de uma página, no meu modelo?


array('type' => 'inline', 'scope' => 'footer', 'weight' => 5). Você pode usar o Peso para ajustar seu arquivo no rodapé.
precisa saber é o seguinte

Respostas:


18

Eu acho que você pode fazer isso com drupal_add_js () ; parece que a opção de chave de escopo é seu amigo!


5
Estou usando:drupal_add_js($theme_path.'/js/jquery.easing.1.3.js', array('type' => 'file', 'scope' => 'footer')); ?>
Onita

@Onite onde temos que colocar isso? em html.tpl.php?
john

2
Em page.tpl.php
Onita 6/10/11

11
É o mesmo código se eu quiser anexar um arquivo js no template.php?
precisa saber é o seguinte

Isso não seria substituído quando o tema for atualizado?
Isherwood

6

No seu tema, html.tpl.phphá uma linha <?php print $scripts; ?>.

Essa é a linha que imprime o javascript na sua página.

Você pode movê-lo para qualquer lugar que desejar, por exemplo, colocá-lo depois de todo o resto, pouco antes da bodytag de fechamento para que todos os seus scripts sejam carregados na parte inferior.


2
Eu não sugeriria imprimir $scriptsna parte inferior do html.tpl.php; essa variável inclui as tags de script para jQuery e outros arquivos JavaScript Drupal. Será que $scriptscontêm tags HTML que podem ser fora de saída <head>?
kiamlaluno

11
não, os scripts possuem apenas tags 'script src' e javascript embutido, ele é feito em alguns modelos e funciona como um encanto, eu fiz isso no Zentropy, meu tema básico em html5: drupal.org/project/zentropy
Alex Weber

3
Alguns arquivos JS dos módulos contrib podem assumir a inclusão na página <head>. Por exemplo, quando eles estão definindo variáveis ​​globais ou funções chamadas por script embutido (mesmo que seja uma má prática).
Pierre Buyle

5

Você pode tentar adicionar o arquivo assim:

drupal_add_js('sites/all/themes/themname/js/skrollr.js', array('scope'=>'footer'));

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.