cpkid2
04-09-2010, 02:48 AM
I was having the problem described here (https://code.google.com/p/jscrollpane/issues/detail?id=60#c51) so I tried what the creator suggested (https://code.google.com/p/jscrollpane/issues/detail?id=60#c38) by moving the jScrollPane initialization to "on load" instead of "on document ready". However, since my site is being built on Wordpress (Wordpress loads its own jQuery in no conflict mode (http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers)), I've had to make a few adjustments to the code according the Wordpress codex. Now, the scrollbars don't even show up. Below is the head section for the website. If anybody can take a look and give me some tips on how I can fix this problem, I would HUGELY appreciate it. It's been really driving me insane!
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>lipsum » Photos</title>
<link media="screen" type="text/css" href="http://lipsum.com/wp-content/themes/lipsum/style.css" rel="stylesheet">
<link media="screen" type="text/css" href="http://lipsum.com/wp-content/themes/lipsum/960.css" rel="stylesheet">
<link href="http://lipsum.com/xmlrpc.php" rel="pingback">
<link href="/favicon.ico" type="image/gif" rel="shortcut icon">
<link href="http://lipsum.com/feed/" title="lipsum » Feed" type="application/rss+xml" rel="alternate">
<link href="http://lipsum.com/comments/feed/" title="lipsum » Comments Feed" type="application/rss+xml" rel="alternate">
<link href="http://lipsum.com/photos/feed/" title="lipsum » Photos Comments Feed" type="application/rss+xml" rel="alternate">
<script src="http://lipsum.com/wp-includes/js/comment-reply.js?ver=20090102" type="text/javascript"></script>
<script src="http://lipsum.com/wp-includes/js/jquery/jquery.js?ver=1.3.2" type="text/javascript"></script>
<link href="http://lipsum.com/xmlrpc.php?rsd" title="RSD" type="application/rsd+xml" rel="EditURI">
<link href="http://lipsum.com/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml" rel="wlwmanifest">
<link href="http://lipsum.com" title="lipsum" rel="index">
<meta content="WordPress 2.9.2" name="generator">
<link href="http://lipsum.com/photos/" rel="canonical">
<link href="http://wp.me/PStkj-2g" rel="shortlink">
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jquery.em.js" type="text/javascript"></script>
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jScrollPane.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).bind(
'load',
function($)
{
$('#pane1').jScrollPane();
$('#pane2').jScrollPane();
$('#pane3').jScrollPane();
}
);
jQuery(document).ready(function($) {
$('#tabs').tabs();
});
</script>
</head>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>lipsum » Photos</title>
<link media="screen" type="text/css" href="http://lipsum.com/wp-content/themes/lipsum/style.css" rel="stylesheet">
<link media="screen" type="text/css" href="http://lipsum.com/wp-content/themes/lipsum/960.css" rel="stylesheet">
<link href="http://lipsum.com/xmlrpc.php" rel="pingback">
<link href="/favicon.ico" type="image/gif" rel="shortcut icon">
<link href="http://lipsum.com/feed/" title="lipsum » Feed" type="application/rss+xml" rel="alternate">
<link href="http://lipsum.com/comments/feed/" title="lipsum » Comments Feed" type="application/rss+xml" rel="alternate">
<link href="http://lipsum.com/photos/feed/" title="lipsum » Photos Comments Feed" type="application/rss+xml" rel="alternate">
<script src="http://lipsum.com/wp-includes/js/comment-reply.js?ver=20090102" type="text/javascript"></script>
<script src="http://lipsum.com/wp-includes/js/jquery/jquery.js?ver=1.3.2" type="text/javascript"></script>
<link href="http://lipsum.com/xmlrpc.php?rsd" title="RSD" type="application/rsd+xml" rel="EditURI">
<link href="http://lipsum.com/wp-includes/wlwmanifest.xml" type="application/wlwmanifest+xml" rel="wlwmanifest">
<link href="http://lipsum.com" title="lipsum" rel="index">
<meta content="WordPress 2.9.2" name="generator">
<link href="http://lipsum.com/photos/" rel="canonical">
<link href="http://wp.me/PStkj-2g" rel="shortlink">
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jquery.em.js" type="text/javascript"></script>
<script src="http://lipsum.com/wp-content/themes/lipsum/scripts/jScrollPane.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).bind(
'load',
function($)
{
$('#pane1').jScrollPane();
$('#pane2').jScrollPane();
$('#pane3').jScrollPane();
}
);
jQuery(document).ready(function($) {
$('#tabs').tabs();
});
</script>
</head>