jQuery AJAX functions

Question

I am using jQuery's load() function when getting a page to a div like that:

content.php page is :

<script type="text/javascript">
   $(".content").load("asd.php");
</script>

and asd.php is:

<script type="text/javascript">
   alert("Hello World");
</script>

When load ajax finished alert() message appears 3 times. Actually it must appears only 1 time. So load() function get page 3 times.

How can I get the page a time?

Answer 1

Are you sure content loaded three times? Have you used firebug to watch what is actually transfered?

Answer 2

You are probably facing the same problem as in this question.

Loading content which includes <script> elements into the page is massively unreliable. jQuery tries to paper over the issues but it doesn't quite succeed.

Best: Don't do it. Keep all your static JavaScript code separate from content loaded with load(), and use the post-loading callback to run any JavaScript code you need to bind to the new page content.