Getting " object has no method 'addclass'" error

Getting " object has no method 'addclass'" error

Heya everybody,

I'm still quite a newbie concerning jQuery, so I suppose the problem exists on my side and not in jQuery.

I'm getting the error 

  1. Uncaught TypeError: Object [object Object] has no method 'addclass'
    1. (anonymous function) / pre-alpha/:27
    2. d.extend._Deferred.f.resolveWith jquery.min.js:16
    3. d.d.extend.ready jquery.min.js:16
    4. d.c.addEventListener.y

I'll just post you all my script code and the affected html elements, it's not so much anyway and that way I think you might find my error most easily.
  2. <link rel="stylesheet" href="css/jquery-ui-1.8.11.custom.css" type="text/css" media="all" />
  3. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  4. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

  6. <script type="text/javascript"> //this is line 16 originally

  8.       $(function() {
  9.       $("a#login").attr("href", "javascript:if ($('div#login').css('display')=='none') {$('div#login').show('350');} else{$('div#login').hide('350');}");
  11.             $( "#radio1" ).buttonset();
  12.             $( "#radio2" ).buttonset();
  13.             $( "#radio3" ).buttonset();
  14.             $( "#radio4" ).buttonset();

  17.             $( "div#rating_select" ).addclass("skinning-on"); //this is line 27 originally
  18.             $( "div#sort_select" ).addclass("skinning-on");
  19.             $( "div#howmany_select" ).addclass("skinning-on");
  20.             $( "div.skinned-select .select-text" ).show();

  22.             $( "select" ).attr({
  23.                   onkeyup: "this.blur();this.focus();",
  24.                   onchange: "$(this).prev('.select-text').html(this[selectedIndex].text)"
  25.             });
  26.             //I add the classes and change the href, etc, via JS so that someone browsing with NoScripT still gets             a functioning page per default
  27.       });
  28. </script>

  2. <!-- HTML elements following now -->

  4. <p>For administrative tasks, please <a id="login" href="login.php">login</a>.</p>
  5. <div id="login"><!-- still empty at this time --></div>

  7. <!-- Four times this (with different IDs of course) -->
  8. <div id="radio1">
  9.       <input type="radio" id="radio1_1" name="radio1" checked="checked" /><label for="radio1_1">is</label>
  10.       <input type="radio" id="radio1_2" name="radio1" /><label for="radio1_2">contains</label>
  11. </div>
  12.  
  13. <!-- 3 times these, also with different IDs -->
  14. <div id="rating_select" class="skinned-select">
  15.       <div class="select-text">overall rating better</div>
  16.       <select>
  17.             <option>overall rating better</option>
  18.             <option>less negative articles</option>
  19.             <option>more positive articles</option>
  20.       </select>
  21.       <span class="select-button">▼</span>
  22. </div> <!-- End of skinned-select -->


These are all elements that have connections to JS on my site. I tried to remove as much clutter as possible (other elements, Smarty code, etc.) Hope this is okay like this.

Thanks for you help in advance!

Runo