使用jquery刷新iframe的父页上的div

我使用fancybox的模式框和iFrame。从形式的iFrame成功我使用下面的代码：使用jquery刷新iframe的父页上的div

<script type="text/javascript"> 
window.setTimeout('window.top.location.href = "/page.asp"; ',999); 
</script> 

<script language="javascript"> 
<!-- 
setTimeout("parent.$.fancybox.close();",1000) 
//--> 
</script>

该关闭的fancybox的模式对话框并刷新父页面。我想定位一个div来使用Jquery在iFrame的父页面上刷新。

我想在父页面上用id =“target”刷新目标DIV，而不是整个页面。我如何使用JQuery去解决它？

TIA

代码示例如下

父页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
</head> 
<body> 
<div id="target"> 
content content 
</div> 
</body> 
</html>

的iFrame网页在表单验证

<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
</head> 

<script type="text/javascript"> 
window.setTimeout('window.top.location.href = "/parent_page.asp"; ',999); 
</script> 

<script language="javascript"> 
<!-- 
setTimeout("parent.$.fancybox.close();",1000) 
//--> 
</script>

如何让父页面上的功能刷新div id =“target”并从iFrame中调用它。现在，整个父页面刷新。

来源

2011-05-27 Patriotec

您能否提供一个完整的示例，其中包含一些DIV示例以及您想要“刷新”的具体描述以及“刷新”对您有什么影响？我怀疑你想要的是在AJAX中重新加载页面，将新的HTML传递给jQuery，并使用'.remove（）'和'.html（new_html）'新的DIV内容到现有的DIV中。 – 2011-05-27 17:49:12

我试图用你提到的无效的谷歌搜索解决方案。我将如何去完全使用AJAX来做这件事？ – Patriotec 2011-05-28 03:54:05

传递的第二个参数的jQuery，与所需的范围

更换window.setTimeout('window.top.location.href = "/page.asp"; ',999);本：

window.setTimeOut(function(){ 
    $("#target", window.parent).load("/page.asp #target"); 
},999);

来源

2011-05-27 18:10:55 Andre

我是一个完整的jQuery新手。请包括父代和iframe页面的代码示例以及完整的脚本语法。单独的代码片段是不够的 – Patriotec 2011-05-27 18:19:53

编辑我的答案，这是你想要的？ – Andre 2011-05-27 18:39:50

我试过安德烈的解决方案，但没有奏效。 fancybox关闭，然后父窗口进入焦点，但div的内容没有改变。我是否在页面中丢失了某些内容以使其工作？从我阅读的内容中，我需要在父页面中创建一个函数并从iFrame中调用它。 – Patriotec 2011-05-27 19:44:31

您可以通过调用包含在iframe中页面父页面的JavaScript函数实现这一目标。

window.parent.myFunctionInParent('my param');

您可以在How to refresh parent page partially from page within iframe中逐步了解技术。

希望这会有所帮助。

来源

2011-07-19 12:16:59 sangam

使用jquery刷新iframe的父页上的div

回答

相关问题