Advertisement
Guest User

Untitled

a guest
Nov 23rd, 2014
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.33 KB | None | 0 0
  1.  
  2. <div id="dd" class="wrapper-dropdown-5" tabindex="1">Nerozhoduje
  3. <ul class="dropdown">
  4. <li><a href="#">Profile</a></li>
  5. <li><a href="#">Settings</a></li>
  6. <li><a href="#">Log out</a></li>
  7. </ul>
  8. </div>
  9.  
  10. Akce pro zmíněný html kód - třídu a ID.
  11. --------------------------------------------------------------------------
  12.  
  13.  
  14. function DropDown(el) {
  15. this.dd = el;
  16. this.placeholder = this.dd.children('span');
  17. this.opts = this.dd.find('ul.dropdown > li');
  18. this.val = '';
  19. this.index = -1;
  20. this.initEvents();
  21. }
  22. DropDown.prototype = {
  23. initEvents : function() {
  24. var obj = this;
  25.  
  26. obj.dd.on('click', function(event){
  27. $(this).toggleClass('active');
  28. return false;
  29. });
  30.  
  31. obj.opts.on('click',function(){
  32. var opt = $(this);
  33. obj.val = opt.text();
  34. obj.index = opt.index();
  35. obj.placeholder.text(obj.val);
  36. });
  37. },
  38. getValue : function() {
  39. return this.val;
  40. },
  41. getIndex : function() {
  42. return this.index;
  43. }
  44. }
  45.  
  46. $(function() {
  47.  
  48. var dd = new DropDown( $('#dd') );
  49.  
  50. $(document).click(function() {
  51. // all dropdowns
  52. $('.wrapper-dropdown-5').removeClass('active');
  53. });
  54.  
  55. })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement