Tambahkan JavaScript di bagian bawah halaman

15

Bagaimana saya bisa menambahkan skrip JavaScript ke bagian bawah halaman, di templat saya?

7 javascript

— Onita
sumber

array('type' => 'inline', 'scope' => 'footer', 'weight' => 5). Anda dapat menggunakan Berat untuk menyesuaikan file Anda di footer.

— kalidasan

18

Saya pikir Anda bisa melakukannya dengan drupal_add_js () ; sepertinya opsi kunci ruang lingkup adalah teman Anda!

— Pol Dellaiera
sumber

5

Saya menggunakannya:drupal_add_js($theme_path.'/js/jquery.easing.1.3.js', array('type' => 'file', 'scope' => 'footer')); ?>

— Onita

@Onite di mana kita harus meletakkan ini? di html.tpl.php?

— john

2

Di page.tpl.php

— Onita

1

Apakah ini kode yang sama jika saya ingin melampirkan file js pada template.php?

— CocoSkin

Apakah ini tidak akan ditimpa ketika tema diperbarui?

— isherwood

6

Dalam tema Anda html.tpl.phpada garis<?php print $scripts; ?> .

Itulah baris yang mencetak javascript di halaman Anda.

Anda dapat memindahkannya ke mana saja yang Anda suka, misalnya, letakkan setelah semua yang lain, tepat sebelum bodytag penutup untuk memiliki semua skrip Anda memuat di bagian bawah.

— Alex Weber
sumber

2

Saya tidak akan menyarankan untuk mencetak $scriptsdi bagian bawah html.tpl.php; variabel itu termasuk tag skrip untuk jQuery, dan file JavaScript Drupal lainnya. Apakah $scriptsmengandung tag HTML yang bisa di-output di luar <head>?

— kiamlaluno

1

tidak, skrip hanya memiliki tag 'skrip src' dan javascript inline, itu dilakukan dalam beberapa templat dan berfungsi seperti pesona, saya telah melakukannya di Zentropy, tema dasar html5 saya: drupal.org/project/zentropy

— Alex Weber

3

Beberapa file JS dari modul contrib mungkin berasumsi dimasukkan dalam halaman <head>. Misalnya ketika mereka mendefinisikan variabel global atau fungsi yang disebut dengan skrip inline (bahkan jika itu praktik yang buruk).

— Pierre Buyle

5

Anda dapat mencoba menambahkan file seperti ini:

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

— Mahipal Purohit
sumber

2

Layak untuk menggunakan modul ini di sini untuk mengaturnya untuk Anda https://drupal.org/project/advagg

— Mike Gifford
sumber