2

jquery-ui と組み合わせて wicket を使用することを検討しています。ここに私が持っているものがあります:

<wicket:head>

 <script src="/jquery/js/jquery-ui-1.10.3.custom.js"></script>
<link rel="stylesheet" type="text/css" href="/jquery/css/custom-theme/jquery-ui-    1.10.3.custom.css">

<script>
$("#menu").menubar();
</script>

</wicket:head>

<wicket:panel>


    <ul id="menu">
        <li><a href="#">Character</a>
        <ul>
        <li>sdf</li>
        <li>sfs</li>
        <li>we</li>
        </ul>

        </li>
        <li><a href="#">Corporation</a></li>
        <li><a href="#">Alliance</a></li>
        <li><a href="#">Fleet</a></li>
    </ul>

このパネルを自分のページに追加すると、jquery マジックのない順序付けられていないリストとして表示されます。

この作業を行うためにウィケット内に何かする必要があるかどうかは誰にも分かりますか?

jquery スクリプトと css の両方が取得されていることを確認しました

ありがとう

4

1 に答える 1

0

このパネルを自分のページに追加すると、jquery マジックのない順序付けられていないリストとして表示されます。

クリストフのコメントは正しいです。スクリプトは、ドキュメントの読み込み時に実行する必要があります。

コンポーネントに JQuery 機能を追加する「Wicket の方法」は、javascript ファイルと css ファイルのロードを処理し、ドキュメントのロード時に JavaScript を追加する動作を作成することです。このようなもの：

public class JQueryMenuBehavior extends Behavior{

    @Override
    public void renderHead(Component component, IHeaderResponse response){
        response.renderJavascriptReference("/jquery/js/jquery-ui-1.10.3.custom.js");
        response.renderCSSReference("/jquery/css/custom-theme/jquery-ui-1.10.3.custom.css");
        response.renderOnDomReadyJavascript("$('#menu').menubar();");
    }
}

次に、この動作を「通常の」Wicket 順不同リストに追加するだけで、JQuery メニューが作成されます。ID「#menu」を構成可能にする必要があります。

このようにして、jquery メニューとして表示したい任意のリストに追加できる再利用可能な動作が得られます。

于 2013-06-30T21:11:38.390 に答える