$(window).load(function () {
vs
$(function() {
$( document ).ready(function() {
<html>
<head>
<script type="text/javascript">
window.onbeforeunload = function() {
return "dummy string; it won't appear to user...";
}
</script>
</head>
<body>
<p>When closing the tab/browser the onbeforeunload event
is triggered...close the tab/browser....</p>
</body>
</html>
The problem Both libraries, i.e. jQuery and Prototype use the character $ with special meaning...
The solution: See jQuery: what if another javascript library uses $?
Background: jQuery uses $() as an alias to the function jQuery().
The problem:What if another library uses the same character? (e.g. Prototype; other libraries???)
Solution:Make jQuery not use to ${} by calling $.noConflict()
Code taken from jQuery.noConflict():<script type="text/javascript"> $.noConflict(); // Code that uses other library's $ can follow here. </script>
if($('#foo').length > 0) {
alert("id 'foo' exists!");
}
else {
alert("id 'foo' doesn't exist!");
}
var foo = 1; //variable exists
if(! typeof foo == 'undefined') {
alert("var 'foo' exists!");
}
else {
alert("var 'foo' doesn't exist!");
}
var $elem = $('.div');
$elem.animate({'opacity':1},800,function(){
//
});
.animate( properties [, duration] [, easing] [, complete] ) where * properties: A map of CSS properties that the animation will move toward. * duration: A string or number determining how long the animation will run. * easing: A string indicating which easing function to use for the transition. * complete: A function to call once the animation is complete.