不使用jquery的mCustomScrollbar

Question

在我的html中，我试图通过ajax调用更新购物车数据。在html中

<div id="cart_list"></div>

和里面的剧本

$(document).ready(function(){
  jQuery.get("/show_header/",
          function(data) {
          show_cart(data)
         });

})

这是show_cart函数

function show_cart(data){
     $("#cart_list").append(
        '<div  class="dropdown  cartMenu ">'+
        '<a href="#" class="dropdown-toggle" data-toggle="dropdown"></a>'+
        '<div class="dropdown-menu col-lg-6 col-xs-12 col-md-6 " style="width: 184%;">'+
        '<div id="scroll_cart" class="w100 miniCartTable scroll-pane">'+
        '<table>'+
        '<tbody>'+
        cart_string+
        '</tbody>'+
        '</table>'+
        '</div>'+
        '<div class="miniCartFooter text-right">'+
        '<h3 class="text-right subtotal"> Subtotal:₹ '+ data.header_data.price +' </h3>'+
        '<a class="btn btn-sm btn-danger" href="/cart/"> <i class="fa fa-shopping-cart"> </i> VIEW CART </a>'+
        '<a href="/payment/" class="btn btn-sm btn-primary"> CHECKOUT </a> </div>'+
        '</div>'+
        '</div>'
      )
    }

(cart_string是在函数show_cart中生成的。但我删除了这些步骤，因为我认为这与此无关)。

但滚动条已经不起作用了。我尝试了这部分的其他答案，但似乎没有任何效果。

我尝试给带滚动类的div一个id "scroll_cart“，并在show_cart函数中尝试下面的一行。但没有改变。

$("#scroll_cart").mCustomScrollbar("update");

为div启用滚动条的正确方法是什么？

Answer 1

您需要在创建元素之后使用$("#scroll_cart").mCustomScrollbar("update");。

在show_cart()函数之后。

因为元素$("#scroll_cart")应该在绑定时出现在dom上。

$(document).ready(function() {
    jQuery.get("/show_header/",
        function(data) {
            show_cart(data);
            $("#scroll_cart").mCustomScrollbar("update");
        });

})

Answer 2

请看这个参考文献

代码：

  $('#scroll_cart').mCustomScrollbar("destroy");
  $('#scroll_cart').append('some text');
  $('#scroll_cart').mCustomScrollbar();

Answer 3

请确保在您的HTML文件中包含了jquery.mCustomScrollbar.concat.min.js