Question

我有一个单击div调用函数的页面：

$("#fontOpenSans").on("click", function(event) {
    event.stopPropagation();
    $("#dlVersion *").css("font-family", $(this).css("font-family"));
    localStorage.font_family = $(this).css("font-family");
});

我现在在iframe中显示此页面现在我想从此页面的外侧调用相同的功能（从放置iframe的页面）。

如果我这样声明：

function callfontOpenSans() {
    event.stopPropagation();
    $("#dlVersion *").css("font-family", $(this).css("font-family"));
    localStorage.font_family = $(this).css("font-family");
}

然后我可以这样称呼它：

$('#iframeID').contentWindow.callfontOpenSans();

如何从页面外部（即父页面）调用以第一种方式编写的函数？提前谢谢。

Answer 1

请改为尝试：

$('#iframeID')[0].contentWindow["callfontOpenSans"]();

希望这会有所帮助。

Answer 2

朋友你好我得到了我的问题的答案

$('#iframeId').contents().find('#fontOpenSans').click();

解决了我的问题   感谢
     当两个页面都位于同一个域
时，
将起作用

从父页面调用iframe中显示的子页面的jquery功能

2 个答案: