Visualforce 開発者ガイド
jVisualforce での JavaScript ライブラリの使用
Visualforce ページに JavaScript ライブラリを含めると、これらのライブラリが提供する機能を活用できます。JavaScript ライブラリを含める場合、静的リソースを作成してから、ページに <apex:includeScript> コンポーネントを追加してライブラリを含めるのが最適な方法です。
たとえば、jQuery (https://jquery.org) を使用する場合、jquery という名前でライブラリの静的リソースを作成し、次のようにページ内で参照します。
1<apex:page>
2 <apex:includeScript value="{!$Resource.jquery}"/>
3</apex:page>
Visualforce ページで JavaScript ライブラリを使用し、そのライブラリで $ が特殊文字として定義されている場合、JavaScript を変更して、この特殊文字としての使用を上書きする必要があります。たとえば、jQuery を使用する場合、jQuery.noConflict() 関数を使用して $ の定義を上書きできます。
1<apex:page >
2<apex:includeScript value="{!$Resource.jquery}"/>
3<html>
4<head>
5 <script>
6 jQuery.noConflict();
7
8 jQuery(document).ready(function() {
9 jQuery("a").click(function() {
10 alert("Hello world, part 2!");
11 });
12 });
13 </script>
14</head>
15...
16</apex:page>