jquery-mobile/js/jQuery.mobile.support.js

66 lines
2 KiB
JavaScript

/*
Possible additions:
scollTop
CSS Matrix
*/
$.extend( $.support, {
orientation: "orientation" in window,
touch: "ontouchend" in document,
WebKitAnimationEvent: typeof WebKitTransitionEvent === "object",
pushState: !!history.pushState
});
(function() {
var fakeBody = $( "<body>" ).prependTo( "html" ),
displayDiv = $( "<div style='height:5px;position:absolute;display:none;'/>" )
.prependTo( fakeBody )[ 0 ],
positionDiv = $( "<div style='position:absolute;left:10px;overflow:hidden;height:0;'>" +
"<div style='height:10px;'/></div>").prependTo( fakeBody )[ 0 ],
floatClearHtml = "<div style='width:5px;height:5px;float:left;'/>",
floatClearWrap = $( "<div>" )
.append( floatClearHtml + floatClearHtml )
.prependTo( fakeBody ),
floatClearDivs = floatClearWrap.children(),
floatClearDiv1Top = floatClearDivs[ 0 ].offsetTop,
floatClearDiv2 = floatClearDivs[ 1 ],
supportFloatClear = false;
if ( floatClearDiv1Top === floatClearDiv2.offsetTop ) {
floatClearDiv2.style.clear = "left";
if ( floatClearDiv1Top !== floatClearDiv2.offsetTop ) {
supportFloatClear = true;
}
}
$.extend( $.support, {
display: displayDiv.offsetHeight === 0,
position: positionDiv.offsetLeft === 10,
overflow: positionDiv.offsetHeight === 0,
floatclear: supportFloatClear,
cssPseudoElement: fakeBody[0].style.content !== undefined
});
fakeBody.remove();
})();
// test whether a CSS media type or query applies
$.media = (function() {
// TODO: use window.matchMedia once at least one UA implements it
var cache = {},
$html = $( "html" ),
testDiv = $( "<div id='jquery-mediatest'>" ),
fakeBody = $( "<body>" ).append( testDiv );
return function( query ) {
if ( !( query in cache ) ) {
var styleBlock = $( "<style type='text/css'>" +
"@media " + query + "{#jquery-mediatest{position:absolute;}}" +
"</style>" );
$html.prepend( fakeBody ).prepend( styleBlock );
cache[ query ] = testDiv.css( "position" ) === "absolute";
fakeBody.add( styleBlock ).remove();
}
return cache[ query ];
};
})();