ページが読み込まれません。誰かが何が悪いのか提案できますか？それが問題の原因である場合に備えて、ファイルパスを別のファイルに変更してみました。しかし、まだそれらのどれもロードされていません。ユーザーがリンクをクリックすると、ページがdiv内に読み込まれるはずです。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> jquery example</title>
<style>
</style>
</head>
<body>
<a class="menu_top" href="pages/home1.php">Home</a>/
<a class="menu_top" href="portfolio.php">Portfolio</a>/
<a class="menu_top" href="contact.php">Contact</a>
<div id="#content_area"></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery_code.js"></script>
</body>
Jquery
$(document).ready(function() {
$('#content_area').load($('.menu_top:first').attr('href'));
});
$('.menu_top').click(function() {
var href = $(this).attr('href');
alert('clicked');
$('#content_area').hide().load(href).fadeIn('normal');
return false;
});
.menu_top要素をクリックすると、アラートを表示できます。ただし、ページには読み込まれません。ファイルの名前を.htmlに変更しようとしましたが、それでも動作しません。私はxammpローカルホストで実行していますが、それ以外はすべて正常に機能しているようです。コンソールにエラーがないか確認しましたが、エラーは返されません。
以前のajaxチュートリアルのいくつかを終了したばかりで、問題なくデータをロードしたので、ローカルホストに関するものであるとは判断しませんでした。