文章/答案/技术大牛

发布

问使用jquery使用iframe
EN

Stack Overflow用户

提问于 2014-01-13 07:29:27

回答 4查看 42关注 0票数 0

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

<html>
    <head></head>    
    <body>    
        <div id="test" >test</div>
        <iframe width="100px" height="100px" src="test.php" ></iframe>
    </body>
</html>

对于test.php：

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

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

jquery

iframe

回答 4

Stack Overflow用户

回答已采纳

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

你可以用这个:-

$('#test', window.parent.document).hide();

票数 1

Stack Overflow用户

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

$(document).ready(function(){
    $('#btn').click(function(){
        $(window.parent.getElementById('test')).hide();
    });
});

票数 1

Stack Overflow用户

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

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

票数 1

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

原文链接：

https://stackoverflow.com/questions/21085964

复制

相似问题

问使用jquery使用iframe
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery使用iframeEN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jquery使用iframe
EN