You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

60 lines
1.2 KiB

semantic.dropdown = {};
// ready event
semantic.dropdown.ready = function() {
// selector cache
var
$examples = $('.example'),
$hoverDropdown = $examples.filter('.hover').find('.ui.dropdown'),
$buttonDropdown = $examples.filter('.button.example').find('.ui.dropdown'),
$dropdown = $examples.filter('.dropdown').find('> .ui.dropdown:not(.simple), .inline.dropdown, .icon.buttons .button, .form .dropdown.selection'),
$transition = $examples.filter('.transition').find('.ui.dropdown'),
$transitionButton = $examples.filter('.transition').find('.ui.button').first(),
// alias
handler
;
// event handlers
handler = {
};
$transitionButton
.on('click', function(event) {
$transition.dropdown('toggle');
event.stopImmediatePropagation();
})
;
$transition
.dropdown({
onChange: function(value) {
console.log($transition);
$transition.dropdown('setting', 'transition', value);
}
})
;
$dropdown
.dropdown()
;
$hoverDropdown
.dropdown({
on: 'hover',
action: 'hide'
})
;
$buttonDropdown
.dropdown({
action: 'hide'
})
;
};
// attach ready event
$(document)
.ready(semantic.dropdown.ready)
;