wordpress - WordPress 中的 Malihu 滚动条

Question

<?php wp_enqueue_script('jquery');?>
<?php wp_head(); ?>
<link href="<?php bloginfo('template_directory')?>/cusscroll/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="<?php bloginfo('template_url');?>/cusscroll/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/cusscroll/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/cusscroll/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/cusscroll/jquery.mCustomScrollbar.js"></script>

<script type = "text/javascript">
(function($){
    $(window).load(function() {
        $("#primary").mCustomScrollbar({
            scrollInertia:900,
           scrollEasing:"easeOutQuint",
            mouseWheel:true
        });
    });
});
</script>
</head>

这只是我的标题的一部分。我正在尝试为#Primary 内容框安装 Malihu 滚动条。无论我如何尝试，它仍然无法正常工作，我看到的只是常规滚动条。

这是我的#primary 内容框的CSS，以防万一：

#primary
{
    float:left;
    border: solid 1px #000;
    border-radius:5px;
    background: none;
    overflow:auto;
    padding:7px;
    margin-left:15px;
    width:650px;
    height:800px;
    margin-bottom:15px;
    color: #666;
    font-size: 12px;
    line-height:18px;
    font-family:verdana;
    color:#fff;
}

请帮忙！我需要快点完成这件事。我在这里做错了什么？我必须添加任何其他代码吗？

Answer 1

在您的自定义 javascript 中，尝试使用jQuery(document).ready(function($)作为您的第一行，而不仅仅是(function($)

所以...

<script type = "text/javascript">
jQuery(document).ready(function($){
    $(window).load(function() {
        $("#primary").mCustomScrollbar({
            scrollInertia:900,
            scrollEasing:"easeOutQuint",
            mouseWheel:true
        });
    });
});
</script>