我正在使用Wordpress作爲CMS的網站上工作,我想在我的網站上使用自定義滾動條。我一直在嘗試使用jScrollPane插件,但我無法使其工作。jScrollPane滾動條問題
主要代碼是在我的header.php文件,並且還有一類.scroll窗格中的header.php的相關代碼:
<style type="text/css" id="page-css">
.scroll-pane
{
width: 100%;
height: 280px;
overflow: auto;
}
</style>
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js"></script>
<link type="text/css" href="<?php bloginfo(template_url); ?>/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="<?php bloginfo(template_url); ?>/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php bloginfo(template_url); ?>/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
$('.scroll-pane').jScrollPane({showArrows: true});
});
</script>
page.php文件:
< div id="sign-right">
< div class="newsBox-padding">
< div class="scroll-pane newsBox"> WP loop goes here </div></div>
CSS:
.newsBox{height:280px; overflow: auto;}
我得到以下錯誤(補時螢火蟲):
" $(".scroll-pane").jScrollPane is not a function
$('.scroll-pane').jScrollPane({showArrows: true}); "
我認爲這個問題是在功能,所以我已經嘗試了一堆sugge的從各個崗位和論壇stions包括:
$function(){ jQuery('.scroll-pane').jScrollPane({showArrows: true});
$function(){ $('.scroll-pane').jScrollPane({showArrows: true}); });
我已經檢查了所有我引用到外部文件並確保類被命名一樣,他們都似乎是正確的。而且我有一位精通代碼的朋友也看了一下,無濟於事。
我真的很感謝你的幫忙!
該代碼正在用於本網站:http://www.maxxberkowitz.com/buzzkill-dev/?page_id=209 – Maxx 2011-04-25 01:31:00
我目前有這個問題。找到任何解決方案? – 2016-04-04 09:33:49