Why the a tag can't be selected ??
Hi, all:
I'm using jquery 1.3.2 in my project, I fill the div #user_login with post and ajax:
$(document).ready(function() {
$.post('./app/user_account.php', function(data) {
$('#user_login').html(data);
return false;
});
});
./app/user_account.php script file will prepare htmls content for #user_login div like this:
$html .= '<form id="welcomes" name="welcome" method="post" action="">';
$html .= '欢迎您, ' . $hello_name . '!<br /><br />';
$html .= '<p>您可以:</p>';
$html .= '<p>点<a id="logout_link" href="./app/user_account.php">这里</a>直接退出.<br /></p>';
$html .= '</form>';
$html = iconv('gb2312', 'utf-8', $html);
print($html);
this work well, and the welcome msg shows in div(#user_login) correctly. Now I want the div reflushed when users clicke the a tag, so I add code into the javascript as follow, but the function joined with the a tag(#logout_link') haven't be called, That's Why? As a test, I added another click bindding for div (#user_login), it can work...Is there something wrong with the ajax? In fact, I imitated the way mentioned in <<Learning_jQuery 1.3>>.
$(document).ready(function() {
$.post('./app/user_account.php', function(data) {
$('#user_login').html(data);
return false;
});
$('#user_login').click(function() {
alert("user_login click");
return false;
});
$('#logout_link').click(function() {
alert("test click");
$.post('./app/user_account.php', function(data) {
$('#user_login').empty();
});
return false;
});
});