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