0

私はスクロールバーを問題なく実行しましjQuery custom content scrollerたが、いくつか問題があります。正確に、mysqlからデータを取得しているdivタグを使用してこのスクロールバーを作成しました(いくつかの投稿)。したがって、私の問題は、データをデータベースに送信するためにajaxを使用していて、それも機能することですが、データが追加されるとdiv タグでは、スクローラーのサイズは固定されており、更新されていません (ページが更新されたときにのみ更新されます)。ajaxでデータを追加する際にスクロールバーのサイズを更新するにはどうすればよいですか? また、最後にスクロールバーを修正する方法がわかりませんか? plsは私がこの問題について非常に混乱しています、ありがとう:)

PS。ここにもプラグインのホームページがありますhttp://manos.malihu.gr/jquery-custom-content-scroller

アップデート

$.ajax({
                url:  "ajax/posting.php",
                type: "POST",
                data: {send_post: "Send", user_id: "<?php echo $userArr[0]; ?>", user_name: "<?php echo $userArr[2] . " " . $userArr[3]; ?>", msg: $("#post").val()},
                complete: function(){
                    $("#post").val("");
                },
                success: function(result){
                    $.ajax({
                        url:  "ajax/posting.php",
                        type: "POST",
                        data: {renew_posts: "Yes",admin: "<?php echo $userArr[1]; ?>",owner: "<?php echo $userArr[0]; ?>"},
                        success: function(renewed_data){
                            $("#chat_tb").html(renewed_data);
                            (function($){$(window).load(function(){$(".post_container").mCustomScrollbar({
                                scrollButtons:{enable:true,scrollSpeed: 40}
                            });});})(jQuery);
                        }
                    });
                }
            });

このコードでは、データをデータベースに送信した後、 callback 内で mCustomScrollbar() 関数を更新する方法が注目に値します

4

1 に答える 1

1

Fluidスクロールバーのデモをご覧ください。

編集

それが機能しない場合は.mCustomScrollbar()、ajaxリクエストの後に-functonを再初期化してみてください。

編集2

試してみてください：

$.ajax({
    url: "ajax/posting.php",
    type: "POST",
    data: {
        send_post: "Send",
        user_id: "<?php echo $userArr[0]; ?>",
        user_name: "<?php echo $userArr[2] . "" . $userArr[3]; ?>",
        msg: $("#post").val()
    },
    complete: function() {
        $("#post").val("");
    },
    success: function(result) {
        $.ajax({
            url: "ajax/posting.php",
            type: "POST",
            data: {
                renew_posts: "Yes",
                admin: "<?php echo $userArr[1]; ?>",
                owner: "<?php echo $userArr[0]; ?>"
            },
            success: function(renewed_data) {
                $("#chat_tb").html(renewed_data);
                $(".post_container").mCustomScrollbar({
                    scrollButtons: {
                        enable: true,
                        scrollSpeed: 40
                    }
                });
            }
        });
    }
});​
于 2012-08-23T12:28:34.733 に答える