Jqueryを書こうとしています。codeigniterのAjax。ただし、コンテンツは投稿されず、リンクをクリックするとすべてのページが最初から読み込まれるため、すべての開始アニメーションが再び表示されます。
私のajax.jsはheader.phpヘッドセクション内にあります:
$("#sidebar-content ul li a").click( function(e){
e.preventDefault();
var target_url = $(this).attr('href');
$.ajax({
url: target_url,
type: 'POST',
data: target_url,
success: function(response) {
$('#content').html(response.msg);
}
});
return false;
});
Menu.phpファイルは:
<!-- SIDEBAR -->
<div id="sidebar">
<div id="sidebar-content">
<!-- MENU -->
<ul id="menu">
<li class="current"><a href="<?php echo site_url('home'); ?>">ANASAYFA</a></li>
<li><a href="<?php echo site_url('about'); ?>">HAKKIMIZDA</a></li>
メインページのコンテンツ分割のみを変更したい。コードを修正するにはどうすればよいですか?
編集1:
これは現在機能します。しかし、私は#contentの代わりに#pageを使用する必要がありました。
$("#sidebar-content ul li a").click( function(e){
e.preventDefault();
$('#page').load(this.href);
return false;
});