特定のリンクをクリックすると、ファイルの内容が div に読み込まれます。これは正常に動作しますが、別のファイルをクリックすると、その div にある ul 要素に別のファイルの内容をロードしたいのですが、動作しません。
これは私が作ったものです:
$(document).on('click', 'a.link2', function() {
var value = $(this).attr("href");
value=value.replace("#","");
var linkName = {'href':value};
$.ajax({
type: "POST",
url: 'pp.php',
data :linkName,
success: function(response){
if(value=="login")
$('#div1').html(response);
}
});
});
$(document).on('click', 'a.link', function() {
var value = $(this).attr("href");
value=value.replace("#","");
var linkName = {'href':value};
// alert(value+"dd");
$.ajax({
type: "POST",
url: 'make.php',
data :linkName,
success: function(response){
$('#target').html(response);
}
});
}) ;
html コード:
<div id="div1">
<ul id="target">
.
.
.
</ul></div>