首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery使用iframe

使用jquery使用iframe
EN

Stack Overflow用户
提问于 2014-01-13 07:29:27
回答 4查看 42关注 0票数 0

我想使用在iframe中单击的按钮执行一些jquery脚本,并且输出在iframe....Is之外?我的主html如下所示:

代码语言:javascript
运行
复制
<html>
    <head></head>    
    <body>    
        <div id="test" >test</div>
        <iframe width="100px" height="100px" src="test.php" ></iframe>
    </body>
</html>

对于test.php:

代码语言:javascript
运行
复制
<html>
    <head>
        <script src="jquery.min.js" ></script>
        <script>
            $(document).ready(function(){
                $('#btn').click(function(){
                    $('#test').hide(); // i want to hide this whenever a button with id btn inside     and iframe is triggered
                });
            });
        </script>
    </head>
    <body>
        <button id='btn' >click</button>
    </body>
</html>

我就是这样做的,但这不管用。谢谢你的想法..。:)

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-01-13 07:31:22

你可以用这个:-

代码语言:javascript
运行
复制
$('#test', window.parent.document).hide();
票数 1
EN

Stack Overflow用户

发布于 2014-01-13 07:31:16

代码语言:javascript
运行
复制
$(document).ready(function(){
    $('#btn').click(function(){
        $(window.parent.getElementById('test')).hide();
    });
});
票数 1
EN

Stack Overflow用户

发布于 2014-01-13 07:53:24

如果您的iframe和当前页面的域相同,则可以使用window.parent,否则它将无法工作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21085964

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档