mirror of
https://github.com/Growstuff/growstuff.git
synced 2026-02-05 15:11:01 -05:00
50 lines
2.4 KiB
JavaScript
50 lines
2.4 KiB
JavaScript
(function ($) {
|
|
|
|
$.fn.foundationButtons = function(options) {
|
|
// Prevent event propagation on disabled buttons
|
|
$(document).on('click.fndtn', '.button.disabled', function (e) {
|
|
e.preventDefault();
|
|
});
|
|
|
|
$('.button.dropdown > ul', this).addClass('no-hover');
|
|
|
|
$(document).on('click.fndtn', '.button.dropdown, .button.dropdown.split span', function (e) {
|
|
// Stops further propagation of the event up the DOM tree when clicked on the button.
|
|
// Events fired by its descendants are not being blocked.
|
|
if (e.target === this) {
|
|
e.stopPropagation();
|
|
}
|
|
});
|
|
$(document).on('click.fndtn', '.button.dropdown.split span', function (e) {
|
|
e.preventDefault();
|
|
$('.button.dropdown', this).not($(this).parent()).children('ul').removeClass('show-dropdown');
|
|
$(this).siblings('ul').toggleClass('show-dropdown');
|
|
});
|
|
$(document).on('click.fndtn', '.button.dropdown:not(.split)', function (e) {
|
|
$('.button.dropdown', this).not(this).children('ul').removeClass('show-dropdown');
|
|
$(this).children('ul').toggleClass('show-dropdown');
|
|
});
|
|
$(document).on('click.fndtn', 'body, html', function () {
|
|
$('.button.dropdown ul').removeClass('show-dropdown');
|
|
});
|
|
|
|
// Positioning the Flyout List
|
|
var normalButtonHeight = $('.button.dropdown:not(.large):not(.small):not(.tiny)', this).outerHeight() - 1,
|
|
largeButtonHeight = $('.button.large.dropdown', this).outerHeight() - 1,
|
|
smallButtonHeight = $('.button.small.dropdown', this).outerHeight() - 1,
|
|
tinyButtonHeight = $('.button.tiny.dropdown', this).outerHeight() - 1;
|
|
|
|
$('.button.dropdown:not(.large):not(.small):not(.tiny) > ul', this).css('top', normalButtonHeight);
|
|
$('.button.dropdown.large > ul', this).css('top', largeButtonHeight);
|
|
$('.button.dropdown.small > ul', this).css('top', smallButtonHeight);
|
|
$('.button.dropdown.tiny > ul', this).css('top', tinyButtonHeight);
|
|
|
|
$('.button.dropdown.up:not(.large):not(.small):not(.tiny) > ul', this).css('top', 'auto').css('bottom', normalButtonHeight - 2);
|
|
$('.button.dropdown.up.large > ul', this).css('top', 'auto').css('bottom', largeButtonHeight - 2);
|
|
$('.button.dropdown.up.small > ul', this).css('top', 'auto').css('bottom', smallButtonHeight - 2);
|
|
$('.button.dropdown.up.tiny > ul', this).css('top', 'auto').css('bottom', tinyButtonHeight - 2);
|
|
|
|
};
|
|
|
|
})( jQuery );
|