ฉันจะเพิ่ม JavaScript ไปยังไซต์ได้อย่างไร

9

ฉันจะเพิ่ม JavaScript และ CSS ในเว็บไซต์ของฉันได้อย่างไร

javascript theming

23

คู่มือการจัดการ JavaScript ใน Drupal 7ให้ข้อมูลเพื่อเพิ่ม JavaScript ใน Drupal เทคนิคที่นำเสนอมีใช้กับทั้งธีมและโมดูล (กำหนดเอง) :

เพิ่ม a scripts[] = somescript.jsไปยัง.info ไฟล์โมดูลหรือธีมของคุณ
ใช้drupal_add_js()ในโมดูลหรือรหัสของธีมของคุณ
ใช้#attached['js']คุณสมบัติในForm APIหรืออาร์เรย์ที่แสดงผลได้

โปรดทราบว่า Drupal มี jQuery, jQuery UI และไลบรารีอื่น ๆ อยู่แล้วดังนั้นคุณจึงไม่ควรเพิ่มด้วยตนเอง คุณควรใช้drupal_add_library()หรือ#attached['library']ทรัพย์สินแทน

ทำงานกับ CSSคู่มือให้ข้อมูลเพื่อเพิ่ม CSS เพื่อ Drupal อีกครั้งเทคนิคที่นำเสนอมีใช้กับทั้งธีมและ (กำหนดเอง) โมดูล ด้วยข้อยกเว้น: การเพิ่มสไตล์ชีทจาก.infoไฟล์ใช้งานได้กับธีมเท่านั้นไม่ใช่โมดูล

เพิ่มstylesheets[all][] = somestylesheet.cssไปยัง.infoไฟล์ของชุดรูปแบบ
ใช้drupal_add_css ()จากโมดูลหรือรหัสของธีม
ใช้#attached[css]คุณสมบัติในจากจาก API หรืออาร์เรย์ที่แสดงผลได้

— Pierre Buyle
แหล่งที่มา

ฉันต้องเปิดใช้งานตัวกรอง php อย่างไร และฉันจะเพิ่ม js ที่ไหน มันเป็นส่วนของร่างกายที่มีแท็กสคริปต์? เช่น <script> </script> ฉันต้องการตัวอย่างง่ายๆในการเริ่มต้น ธรรมดามาก กรุณา

— kinkajou

1

คุณไม่เพิ่ม CSS หรือ JavaScript เป็นเนื้อหาของเว็บไซต์ของคุณดังนั้นคุณจะไม่ทำเมื่อแก้ไขเนื้อหา หากคุณต้องการ JavaScript หรือ CSS เฉพาะหน้าคุณสามารถทำได้จาก hook preprocess ของหน้าธีมของคุณ การเพิ่มสไตล์ (CSS) หรือพฤติกรรม (JavaScript) ในเว็บไซต์ของคุณควรทำจากรหัสไม่ใช่จาก Web UI วิธีนี้ช่วยบำรุงรักษาและปรับขนาดได้มากขึ้นและหลีกเลี่ยงคุณหรือผู้อื่นปวดหัวมากเมื่ออัปเดตไซต์ในภายหลัง

— Pierre Buyle

2

คุณสามารถวาง js ไฟล์ของคุณในโฟลเดอร์ธีมของคุณและเพิ่มนี้ไฟล์ js เพื่อ Drupal โดยใช้drupal_add_js()ใน template.php ฟังก์ชั่น preprocess

— Drupal
แหล่งที่มา