7

Jquery Image Slider ソースをダウンロードして、JSP ファイルと統合したい

これは私のフォルダ構造です

ここに画像の説明を入力

これは私がそれらを含める方法です

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link type="text/css" href="/css/jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="/css/jquery.ui.core.css" rel="stylesheet" />
<link type="text/css" href="/css/jquery.ui.slider.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"/>

サーバーコンソールでこの404を取得します

20:50:04,625 WARN [404_jsp:109] /css/jquery.ui.theme.css
20:50:04,640 WARN [404_jsp:109] /css/jquery.ui.core.css
20:50:04,640 WARN [404_jsp:109] /css/jquery.ui.slider.css
20:50:04,656 WARN [404_jsp:109] /css/style.css
20:50:04,671 WARN [404_jsp:109] /js/cufon-yui.js
20:50:04,671 WARN [404_jsp:109] /js/GreyscaleBasic.font.js
20:50:04,687 WARN [404_jsp:109] /js/jquery.easing.1.3.js
4

2 に答える 2

12

リンクを入れて、liferay-portlet.xmlLiferay に css と javascript をロードさせます。これがより良い方法です (たとえば、ユーザーが 2 つのポートレットを 1 つのページに配置したい場合)。

liferay-portlet.xml:

<header-portlet-css>/css/main.css</header-portlet-css>
<footer-portlet-javascript>/js/main.js</footer-portlet-javascript>

オラフの言うとおり、css フォルダーと js フォルダー (および画像も) をフォルダーに移動する必要がありWEB-INFますdocroot。

于 2012-04-22T19:47:47.773 に答える
8

いくつかの問題:

  • あなたが投稿したサムネイル画像にこれが正しく表示されている場合、WEB-INF に css および js フォルダーがあります。

  • docroot/css と docroot/js を作成すると、/css/style.css ではファイルが見つからず、/your-portlet/css/style.css でファイルが見つからないため、404 が返されます。 jspsでアドレス指定するのは

    < link rel="stylesheet" href="<%=request.getContextPath()%>/css/style.css"/>

最近の編集:requestポートレットの JSP では、JSP 仕様によると HttpServletRequest であるため、常に機能するとは限りません。ポータルの世界では、これは多くの場合、ポートレットの現在のパスに関連していません。したがって、私の回答ではなくマークの回答を使用することをお勧めします。liferay-portlet.xml には、現在のポートレットに関連するファイルが含まれています。Liferay 7.0 以降、OSGi コンポーネントの liferay-portlet.xml に相当するものを使用できます。

于 2012-04-21T07:38:57.183 に答える