blob: ddafff85601c922afa4608fca220e085cfcd70aa (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
(function(addon) {
var component;
if (window.UIkit) {
component = addon(UIkit);
}
if (typeof define == "function" && define.amd) {
define("uikit-form-select", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('formSelect', {
defaults: {
'target': '>span:first',
'activeClass': 'uk-active'
},
boot: function() {
// init code
UI.ready(function(context) {
UI.$("[data-uk-form-select]", context).each(function(){
var ele = UI.$(this);
if (!ele.data("formSelect")) {
var obj = UI.formSelect(ele, UI.Utils.options(ele.attr("data-uk-form-select")));
}
});
});
},
init: function() {
var $this = this;
this.target = this.find(this.options.target);
this.select = this.find('select');
// init + on change event
this.select.on("change", (function(){
var select = $this.select[0], fn = function(){
try {
$this.target.text(select.options[select.selectedIndex].text);
} catch(e) {}
$this.element[$this.select.val() ? 'addClass':'removeClass']($this.options.activeClass);
return fn;
};
return fn();
})());
this.element.data("formSelect", this);
}
});
return UI.formSelect;
});
|