mirror of
https://github.com/zhigang1992/DefinitelyTyped.git
synced 2026-04-17 12:16:38 +08:00
da5d70b6cb
* Added definition for jquery-visible library * Added EOL for last lines of jquery-visible definition and test files * Renaming definition to df-visible in order to match package name in bower
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
/// <reference path="df-visible.d.ts" />
|
|
|
|
// https://github.com/customd/jquery-visible/blob/master/examples/demo-basic.html
|
|
$(function(){
|
|
|
|
// Add the spans to the container element.
|
|
$('#container dt').each(function(){ $(this).append('<span></span>'); });
|
|
|
|
// Trigger the
|
|
$('#detect').on('click',function(){
|
|
|
|
// Select the detection type.
|
|
var detectPartial = $('#detect_type').val() == 'partial';
|
|
|
|
// Loop over each container, and check if it's visible.
|
|
$('#container dt').each(function(){
|
|
|
|
// Is this element visible onscreen?
|
|
var visible = $(this).visible( detectPartial );
|
|
|
|
// Set the visible status into the span.
|
|
$(this).find('span').text( visible ? 'Onscreen' : 'Offscreen' ).toggleClass('visible',visible);
|
|
});
|
|
});
|
|
});
|
|
|
|
// https://www.customd.com/articles/13/checking-if-an-element-is-visible-on-screen-using-jquery
|
|
// Check both vertical, and horizontal at once
|
|
$('#element').visible(true, false, 'both');
|
|
|
|
// Check only horizontal
|
|
$('#element').visible(true, false, 'horizontal');
|
|
|
|
// Check only vertical
|
|
$('#element').visible(true, false, 'vertical');
|