我已经使用jQuery custom content scroller
完成了滚动条,但是它有一些问题。我正在用div标签完成这个滚动条,其中我正在从mysql(一些帖子)中检索数据,所以我的问题是我使用ajax将数据发送到数据库并且它也可以工作,但是当附加数据时在div标签上,滚动条具有固定大小,不更新(仅在刷新页面时更新)。如何在使用ajax添加数据时更新滚动条大小?而且我也无法理解如何在最后修复滚动条?请帮助我对这个问题非常困惑,谢谢:)
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);
}
});
}
});
在这段代码中,只有在将数据发送到数据库之后如何在回调中更新mCustomScrollbar()函数才是非常了不起的
答案 0 :(得分:1)
修改强>
如果不起作用,请尝试在ajax请求后重新初始化.mCustomScrollbar()
- 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
}
});
}
});
}
});