从iframe触发jQuery动画

Question

I am working on this page animation. I included iframe in each of the page elements like in the code below:

<div class="pt-page pt-page-3">3
        <button class="pt-trigger" data-animation="50" data-goto="-1">Go to next page</button>
        <iframe src="file:///E:/Tech%20Nidarshan/Events%20Page/index2.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:150;" ></iframe>
    </div>
    <div class="pt-page pt-page-4">4
        <button class="pt-trigger" data-animation="50" data-goto="-1">Go to next page</button>
    </div>
    <div class="pt-page pt-page-5">5
        <button class="pt-trigger" data-animation="50" data-goto="-1">Go to next page</button>
    </div>

Here tag triggers the page transition. Can I trigger the transition inside the iframe?

Answer 1

Let's say the animation is a function defined inside your iframe. To call it from outside, you could give a name attribute to your iframe (ie name="myIframe" ) and call the function that way:

window.myIframe.myFunction();

Note: In Chrome, this might not work on local files due to Same Origin Policy rules. On a server, or using Firefox, there should be no problem.