jQuery的mCustomScrollbar不工作的Ajax内容 [英] jQuery mCustomScrollbar not working on ajax content

问题描述

  $（窗口）.load（函数（）{
                $（＃content_1）。mCustomScrollbar（{
                    scrollButtons：{
                        启用：真
                    }
                }）;

// AJAX code
功能beauty_of_ceylon（）{
  $（'内容的文字。）HTML（'＆LT; p风格=的位置是：绝对的;＆GT;＆LT; IMG SRC =图像/ AJAX-loader.gif/＆GT;＆LT; / P＆GT;'） ;
  $（'。内容文本）的负载（套餐美容-ceylon.php的/）。
}
 

解决方案

  $（'。内容文本）。负载（包/美容-ceylon.php的，功能 （） {
    $（＃content_1）。mCustomScrollbar（{
        scrollButtons：{
            启用：真
        }
    }）;
    $内容='＆LT;按钮ID =升级的onclick =$（'＃content_1）mCustomScrollbar。（'更新'）;风格=显示：无＆GT;＆LT; /按钮＆GT;';
    $（'。内容文本）追加（$内容）。
    的setTimeout（$（'＃更新）点击（）;，10）;
}）;
 

这工作对我来说：D

    $(window).load(function(){
                $("#content_1").mCustomScrollbar({
                    scrollButtons:{
                        enable:true
                    }
                });

// ajax code
function beauty_of_ceylon() {
  $('.content-text').html('<p style="position:absolute;"><img src="images/ajax-loader.gif" /></p>');
  $('.content-text').load("packages/beauty-of-ceylon.php");
}

解决方案

$('.content-text').load("packages/beauty-of-ceylon.php", function () {
    $("#content_1").mCustomScrollbar({
        scrollButtons:{
            enable:true
        }
    });
    $content = '<button id="update" onclick="$('#content_1').mCustomScrollbar('update');" style="display:none"></button>';
    $('.content-text').append($content);
    setTimeout("$('#update').click();",10);
});

It work for me :D

这篇关于jQuery的mCustomScrollbar不工作的Ajax内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！