8

Liferay 6.1 を使用し、テーマ ( sample-theme)を作成しましたjQuery。どうやってやるの？

フォルダーがあるのはなぜですか:sample-themeそしてliferay-work両方にフォルダーがあるのは: css、js、templates?

フォルダー_diffsとサブフォルダーを作成jsし、そこに jQuery をコピーして追加しportal_normal.vmます。

<script src="/html/js/jquery/jquery-1.8.2.min.js"></script>

変化が見られないのはなぜですか? jQuery を追加するにはどうすればよいですか? 単一のポートレットだけでなく、すべてのポートレットに対して。

フォルダーdocrootがありません。私は Maven を使用しており、src/main/webappでフォルダー_diffsを作成し、フォルダーjs内にjquery.jsを追加し、_diffsでテンプレート フォルダーを作成して貼り付けます。

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

それでも、それは間違っています。フォルダー_diffsは別の場所にあるはずですか？Mavenプロジェクトの構造はどうあるべきですか?

4

5 に答える 5

8

次のように、すべてのjavascriptファイルをjsテーマのフォルダーに追加できます。

sample-theme / docroot / _diffs / js / jquery-1.8.2.min.js

そして、それを誰もが利用できるようにするため<head>に、テンプレートファイルのセクションに次の行のいずれかを記述して、ディレクトリに表示するportal_normal.vmことができます。portal_pop_up.vmsample-theme/docroot/_diffs/templates/

#js ("$javascript_folder/jquery-1.8.2.min.js")

または

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

注：portal_pop_up.vmJavaScriptの変更を使用している場合は、AUIダイアログのポップアップに適用するためのものです

物事がどのように機能するかについてのもう少しの説明：

$javascript_folderテーマのテンプレートファイルに存在する速度変数であり、次のよう${root-path}/jsに定義できるjavascriptストレージパス（デフォルトは:)を指します。liferay-look-and-feel.xml

<theme id="sample" name="Sample">
    <root-path>/html</root-path> <!-- optional -->
    <javascript-path>${root-path}/js/jQuery</javascript-path> <!-- So path becomes: sample-theme/html/js/jQuery -->
</theme>

図のように指定する${root-path}だけでカスタマイズすることもできます。のデフォルト値はです。つまり、ディレクトリを参照します。<javascript-path>liferay-look-and-feel.xml<root-path>${root-path}/sample-theme/

基本的に、フォルダー、、、cssおよびはjs、テーマを作成するときに、対応するフォルダー（など）で行った変更で更新されるフォルダーです。これが、 ＆のような速度変数がまたはの代わりにそれぞれ＆を指す理由です。templatesimages_diffs_diffs/css_diffs/js$javascript_folder$css_foldersample-theme/jssample-theme/csssample-theme/_diffs/jssample-theme/_diffs/css

お役に立てれば。

于 2012-10-18T09:58:30.037 に答える
3


<script src="$themeDisplay.getPathThemeRoot()js/jquery-1.8.2.min.js" type="text/javascript">portal_normal.vmに追加

ファイルを sample-theme/docroot/_diff/js フォルダーに追加した後
、CDN を直接使用することもできます
<script src="<jquery url in CDN>" type="text/javascript">

于 2013-01-14T23:01:00.290 に答える
1

jquery-1.8.2.min.jsをテーマのフォルダーdocroot/_diffs/jsに追加する必要があります。次に、docroot/_diffs/templates/portal_normal.vmで、次の行を <head /> セクションに追加する必要があります。

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

うまくいくはずだと思います。

于 2012-10-17T16:07:30.963 に答える