標籤：des style blog http color 使用 strong 檔案
本節學習如果在Drupal裡互動使用jQuery.
jQuery在Drupal是內建支援的。存在根目錄的misc目錄中。
當調用drupal_add_js方法，會自動載入jQuery。
在Drupal頁面裡嵌入JS代碼
1. 開啟 PHP filter 模組。目的是可以在頁面裡嵌入PHP代碼。
2. 建立一個頁面。
注意在下面的文字格式設定中選擇 "PHP Code",
Body 裡填上以下內容。
<?php drupal_add_js(‘jQuery(document).ready(function () { jQuery("p").hide(); jQuery("p").fadeIn("slow"); });‘, ‘inline‘); ?> <p id="one">Paragraph one</p> <p>Paragraph two</p> <p>Paragraph three</p>
最終。
drupal_add_js 是Drupal的內建函數，接收兩個參數
第一個參數：執行的JS代碼
第二個參數：inline 表示把JS代碼放到本頁面的<script></script>標籤中，在文檔的<head>元素內。
需要注意的是，當為inline，為避免衝突。要把JS代碼放到(function ($) {....執行的JS代碼.... })(jQuery); 語句中，或者使用 jQuery()，不要使用$()。
另一個需要注意的是，JS代碼中帶有引號的話，需要轉義:
<?php drupal_add_js(‘jQuery(document).ready(function () { jQuery("#one").wrap("<div class=\‘error\‘></div>"); });‘, ‘inline‘); ?>
在Drupal裡引入JS代碼檔案
使用內建嵌入JS的方法優點是比較靈活，執行效率高，缺點是不方便調試。不利於在生產網站裡使用。如果一不小心關閉了PHP filter模組，則影響較大。
方法一. 通過修改主題 .info檔案添加JS
1. 在你的主題檔案夾內建立一個scripts.js 檔案
2. 編輯你主題的info檔案，添加下面這行
scripts[] = scripts.js
3. 清除緩衝，或者切換為其他主題再切換回來。
每個頁面加會載入此JS檔案。
方法二、 為某個模組使用JS檔案
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
