<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#result').load('ajax/test.html');
$('body').on({
click: function(){
$(this).css('background-color', 'yellow');
},
mouseenter: function(){
$(this).css('background-color', 'blue');
},
mouseleave: function(){
$(this).css('background-color', 'white');
}
}, '.hover');
});
</script>
</head>
<body>
<div class="hover">
<p>
Deze content is niet dynamisch geladen
</p>
</div>
<div id="result"></div>
</body>
</html>