Question

I have a page that uses an iframe that is displaying content from another site. That content is basically a wizard, forward/back button etc. The content is refreshed via ajax. I’ve been trying various things to get the page to scroll back up to the top when the user has hit the next button. The thing that seemed most likely to work was to attach a function to the ajaxSuccess event like so:

    $('#eyeFrame').ajaxSuccess(function () {
        alert('Triggered ajaxSuccess handler');
    });

But it never fired. It seems like there’s nothing I can do to interact with that content inside the iframe or determine if the iframe has kicked off some ajax. Is that correct or is there a way to do this that I’m not seeing?

Answer 1

If the iframe location belongs to the same domain, you can use $(‘#eyeFrame’).load(function(){/* */});
There are some drawback anyway
http://api.jquery.com/load-event/

For another domain I don’t know of a solution.