0

私はjscrollpaneを試してきました。

ペインにいくつかのajaxコンテンツを追加しようとして、コンテンツをレンダリングしましたが、何らかの理由で再初期化が失敗します。

ここで説明されている内容に従っていると思いますが、jsonデータの処理に使用するvkテンプレートに問題がある可能性があります。

私はこのdivをすでにページに置いています。

 <div id="INTERNAL-line_item_detail" class="fl scroll-pane">
 </div>

開始時には空ですが、lorem ipsumを入れると、少なくとも最初はjscrollpaneが正常に機能していることがわかります。

次に、このajaxリクエストを作成してjsonオブジェクトを取得し、vktemplateを使用してhtmlに配置します。

$.ajax({

    type: "POST",
    url: "queries/INTERNAL_get_order_info.php",
    data: "num=" + num,
    dataType: "json",

    success: function (data) {

        //some of this is not exactly the way it is SO question I referenced
        //I've been moving things around quite experimentally
        api = $("#INTERNAL-line_item_detail").data('jsp');
        $("#INTERNAL-line_item_detail").empty();
        $('#INTERNAL-line_item_detail').vkTemplate('templates/get_line_items_template.tmpl?<?=time()?>', data, function () {

         api.reinitialise();
    });
}

});

スクロールペインのCSS..異常なことは何もありません。

.scroll-pane {
    width: 350px;
    height: 200px;
    overflow: auto;
    margin:15px 30px 15px 30px;
    background-color:#fff;
}

しかし、クロムインスペクターでスクロールペインを見ると、プロパティoverflow:hiddenが追加されています（どこからでもわかりませんが）。そして、それが本当に重要だとは思いません。オフにするか、に変更するとscroll、上下にnormal-mac-scrollbarしか表示されないからです。

何か案は？どうもありがとう！

4

2 に答える 2

2

apiテンプレートエンジンのコールバック関数にの値を記録して、定義されているかどうかを確認してください。また、次のように要素のjScollPaneを呼び出して、再初期化を呼び出すのが最善だと思います。

$('#INTERNAL-line_item_detail').jScrollPane({/*your jsp config*/});

スクロール位置を維持し、透明になります。幸運を！

于 2012-08-10T08:26:19.483 に答える
-1

クラスクラスapiを持つコンテナdivと等しく設定されますscroll-pane

テンプレートでそれを使用します

function reinitializeJspane(divId, templateUrl, data) {
    api = $('#' + divId).data('jsp');
    $(api.getContentPane()).vkTemplate(templateUrl + "?", data, function () {
        api.reinitialise();
    });
}

ありがとう！

于 2012-08-10T15:55:20.303 に答える