0
<?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;
}

助けてください!私はこれを早く終わらせる必要があります。私はここで何が間違っているのですか?コードを追加する必要がありますか?

4

1 に答える 1

0

カスタム 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>
于 2012-10-04T07:29:19.857 に答える