Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="dd" class="wrapper-dropdown-5" tabindex="1">Nerozhoduje
- <ul class="dropdown">
- <li><a href="#">Profile</a></li>
- <li><a href="#">Settings</a></li>
- <li><a href="#">Log out</a></li>
- </ul>
- </div>
- Akce pro zmíněný html kód - třídu a ID.
- --------------------------------------------------------------------------
- function DropDown(el) {
- this.dd = el;
- this.placeholder = this.dd.children('span');
- this.opts = this.dd.find('ul.dropdown > li');
- this.val = '';
- this.index = -1;
- this.initEvents();
- }
- DropDown.prototype = {
- initEvents : function() {
- var obj = this;
- obj.dd.on('click', function(event){
- $(this).toggleClass('active');
- return false;
- });
- obj.opts.on('click',function(){
- var opt = $(this);
- obj.val = opt.text();
- obj.index = opt.index();
- obj.placeholder.text(obj.val);
- });
- },
- getValue : function() {
- return this.val;
- },
- getIndex : function() {
- return this.index;
- }
- }
- $(function() {
- var dd = new DropDown( $('#dd') );
- $(document).click(function() {
- // all dropdowns
- $('.wrapper-dropdown-5').removeClass('active');
- });
- })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement