使用ajax在加载的页面中运行javascript

Question

I read in another thread that I will be able to put javascript codes in page y and it will work in page x when loaded with ajax. I didnt get an error but it did not work either.

Running javascript in page that is loaded with jQuery Ajax

    $(function CheckinMap() {
        $.ajax({
            dataType: "html",
            url: "content/home/index.cs.asp?Process=ViewCheckinMap",
            success: function(data) {
                //$("#friends").html(data);
                $("#checkinmap").append(data);

            },
            error: function (data) {
                $("#checkinmap").append(data);
            }
        });
    });

Answer 1

What you're looking for is .load() . This will load all the JS, instead of adding it to the page as dead text.

Answer 2

您可以使用getScript API： http ://api.jquery.com/jQuery.getScript/

Answer 3

In the content that you are injecting via AJAX you can do an anonymous function call to have it execute after its added to the DOM

<script language="javascript">

(function doStuff(){ alert('hello, I was injected'); })();

</script>

That has worked for me in the past....