ページ全体をリロードせずにコンテンツをロードしたい。
このコードの何が問題になっていますか?
また、これらのページ間の遷移を行う方法は?
ホームページからサービスをクリックすると、フェードイン/フェードアウト効果を作成したいと考えています。
私はjQueryがまったく初めてです。
これが私のコードです
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<script type="text/javascript">
function updateContainer( url ){
dynamicCon = '#content';
ObjTag = $( dynamicCon );
ObjTag.load( url );
}
$( document ).ready( function() {
$( 'a[rel="dynamicLoad"]' ).bind( "click", function( event ) {
url = $( this ).attr( 'href' );
alert(url);
updateContainer( url );
event.preventDefault();
event.stopPropagation();
});
});
</script>
</head>
これは本文の内容です:
stackoverflow はそれを解析していました。