Question

我正在制作this页面动画。我在每个页面元素中都包含了iframe，如下面的代码所示：

<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>

此处标记会触发页面转换。我可以在iframe中触发转换吗？

Answer 1

假设动画是iframe中定义的函数。要从外部拨打电话，您可以为您的iframe提供name属性（即name="myIframe"）并按此方式调用该功能：

window.myIframe.myFunction();

注意：在Chrome中，由于同源策略规则，这可能对本地文件无效。在服务器上，或使用Firefox，应该没有问题。

从Iframe触发Jquery动画

1 个答案: