javascript - 从 iframe 内访问父 Javascript 函数？

Question

我正在尝试访问一个函数，该函数会从 iframe 页面内更新位于父级中的 JQuery UI 进度条。每次有人点击 iframe 页面中的链接时，我希望它更新进度条。我已经四处寻找答案，并使用“window.parent.FunctionName()”是给出的解决方案，但由于某种原因它似乎不适用于我的情况？有什么想法吗？

更新:它似乎可以在 safari、firefox 中运行，但不能在 chrome 中运行？？？

我想在父页面访问的功能是:

var percentage = 0;                                                                 

$('ul li a').one('click', updateBar);                                               

function updateBar() {
    percentage += 8;                                                                
    $('.ui-progressbar-value').stop().animate({ width: percentage+"%" }, 500)       
    $('.middle').progressbar('option','value', percentage);                         

    if(percentage > 100) {                                                  
        $('ui-progressbar-value').stop().animate({ width: "100%"}, 500);            
    }
}

我从 iframe 页面调用的 JQuery 调用是:

$('#sidenav ul li a').one('click', window.parent.updateBar); 

Answer 1

尝试

$('#sidenav ul li a').one('click',function(){

 window.parent.updateBar();

});