手順 2：ウィジェットの初期化

前の手順では、マークアップを追加し、スーパーパネルに表示されるコンテンツを追加しました。ここでは、jQuery スクリプトを追加し、ウィジェットを初期化できます。

前の手順で追加した終了の </div> タグの後に、次の jQuery スクリプトを入力し、wijsuperpanel ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#superPanel2").wijsuperpanel({ allowResize: true, hScroller: { scrollMode: 'scrollbar,buttons' }, vScroller: { scrollMode: 'scrollbar,buttons' } }); $("#superPanel3").wijsuperpanel({ hScroller: { scrollMode: 'edge' }, vScroller: { scrollMode: 'edge' } }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
            $("#superPanel2").wijsuperpanel({
                allowResize: true,
                hScroller: {
                    scrollMode: 'scrollbar,buttons'
                },
                vScroller: {
                    scrollMode: 'scrollbar,buttons'
                }
            });
            $("#superPanel3").wijsuperpanel({
                hScroller: {
                    scrollMode: 'edge'
                },
                vScroller: {
                    scrollMode: 'edge'
                }
            });
        });
    </script>