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>

Wordpress中的Malihu Scrollbar

1 个答案: