Note that there are some explanatory texts on larger screens.

plurals
  1. POImplementing JQuery Scrollbox - amending the function - not sure how to do it
    primarykey
    data
    text
    <p>I'm working with a blog and I wanted to place a JQuery scroll bar into my div box for the main content area. I'm kind of new to JS but I think I missed something. The devs provided a script but I don't believe its correct. Just a side note: all the libraries are loaded before the script so I don't believe that's where the problem is. Here is what I current have (MINUS all the Sql crap): </p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;link href="../css/Styles.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="../css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="BKlayer2"&gt; &lt;img src="../Images/BKlayer2.png" /&gt; &lt;div class="InnerContent1"&gt; &lt;img src="../Images/innerContent1.png" /&gt; &lt;/div&gt; &lt;div class="innerContent2"&gt; &lt;img src="../Images/innerContent2.png" /&gt; &lt;/div&gt; &lt;div class="Feedback"&gt; &lt;img src="../Images/Feedblockbk.png" /&gt; &lt;/div&gt; &lt;div id="blog_Posts"&gt; &lt;?php do { ?&gt; Updated on: &lt;?php echo $row_displayBehaviors['formatted']; ?&gt;&lt;br /&gt; &lt;br /&gt; &lt;?php echo $row_displayBehaviors['title']; ?&gt; &lt;br /&gt; &lt;br /&gt; &lt;?php echo $row_displayBehaviors['blog_entry']; ?&gt; &lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;?php } while ($row_displayBehaviors = mysql_fetch_assoc($displayBehaviors)); ?&gt; &lt;/div&gt; &lt;?php mysql_free_result($getArchives); mysql_free_result($displayBehaviors); ?&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="jquery.mCustomScrollbar.concat.min.js"&gt;&lt;/script&gt; &lt;script&gt; (function($){ $(window).load(function(){ $(".blog_Posts").mCustomScrollbar(); theme:"light" }); })(jQuery); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I changed .content to .blog_Posts because that's the div box I'm trying to apply this too. I checked all other css and additional info to make sure .content was not referenced anywhere else. </p> <p>After uploading scripts and all other relevant information to my server, I checked in firebug to find out the problem. </p> <p>Now firebug is giving me this error: </p> <pre><code> TypeError: $(...).mCustomScrollbar is not a function [Break On This Error] $(".blog_Posts").mCustomScrollbar(); </code></pre> <p>I think firebug said it better than I could. I didn't see a function defined here. I'm not exactly sure what the function would be if it has to be included.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload