如何使用.show()和.hide()与开启者?

时间:2011-09-25 16:52:20

标签: javascript jquery html window.opener

我有一张照片很少的页面,当点击一张照片时,div会打开整个可用屏幕的空间来显示一张专辑...就像facebook的照片浏览器一样。现在,我想按ESC键并返回第一页......

PS:在div showAlbumDiv里面我调用了一个iframe,并且通过jquery.css属性我偶然发现了iframe的src属性。因为我必须通过访问专辑查看器来传递一个变量!

我在相册查看器中使用以下代码:

jQuery(document).ready(function($) {
        //closingDiv
        $(document).keyup(function(e) {

        if (e.keyCode == 27) {


        $('#showAlbumDiv', window.opener).hide();
        $('.allOfIt', window.opener).show();
        $('#showAlbumDiv',window.opener).css('visibility','hidden');    

         }   // esc
    });

开场白有div allOfIt和showAlbumDiv .... 在线示例位于http://videoarts.com.br/newSite/portifolio ...

仅限相册查看器:http://videoarts.com.br/newSite/album/40

任何帮助!?

天啊!

1 个答案:

答案 0 :(得分:0)

window.opener尝试在另一个窗口上操作 - 打开此窗口的窗口。通过你的评论,听起来你在同一个窗口打开一个新的div。如果是这种情况,那么window.opener是错误的代码。您希望在同一窗口中操作,因此不需要将上下文传递给jQuery函数,因为它们默认为当前文档。

如果你的意思是在另一个窗口上操作,那么(正如我在评论中所说的那样),请描述一个新窗口是如何实际打开的。点击照片不会打开新窗口,它只会在当前窗口中显示其他内容。

如果您使用的是嵌入式iframe,那么您可能需要window.parent,而不是window.opener来获取父文档。