Urgent!
I am new to jQuery.
Can anybody help me out why javascript in the loaded contend by AJAX
.post or load can not function at all?
How to solve this problem?
Any clue or help is appreciated.
I am using IE 6.0 browser, and server side is running Catalyst in Perl.
For example.
There is one page like:
####################
<SCRIPT type="text/javascript" >
$(document).ready(function() {
$("input.buttonAdd").click(function(){
$.post('/ajax_input',$("#input_form").fastSerialize(),
function(data){
...
$("div#append_area").append(data);
});
});
</SCRIPT>
...
<FORM id="input_form">
<input type="text" name="user" value="" size="12" />
...
<input type="button" value="Add" class="buttonAdd" />
</FORM>
<br />
<div id="append_area">
</div>
##################
The remote content 'data' generated by ajax_input in server side looks
like:
########
<p>Load by Ajax </p>
<SCRIPT type="text/javascript" >
alert("In Ajax loaded content!!!");
$(document).ready(function() {
$("a.status").click(function(){
alert("OK>>>>>>>>>");
});
});
</SCRIPT>
<TABLE class="xx">
...
<a href="#" class="status">Status</a>
...
</TABLE>
########
Now the web page is rendered well. When the button 'Add' is clicked, the
remote file is injected into "append_area" div.
And my intention is if click hyperlink "Status', the embeded javascript
codes in the loaded content will be executed.
But the problem is the javascript codes such as the alert do not run at
all when the hyperlink is clicked .
Jack
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/