javascript - 关闭 fancybox 时将变量从 fancybox 传递到父页面

Question

嗨，我正在尝试将变量从子 iframe fancybox 发送到父级。但我似乎无法掌握如何做到这一点。有没有人有想法。我已经尝试过用js了。有 friend 建议用php来做，但还没有找到解决方案。我现在一团糟。我尝试了与我类似的其他问题的答案，但没有运气。这是代码 这是在 fancybox 中:

 <script type="text/javascript">
    function OnClickButton (nombre) {

        parent.$.nombre(nombre);
        parent.$.fancybox.close();

    }
</script>

<?php foreach($files1 as $file): ?>
                <?php if ($cont>1) { ?>
                  <li>

                        <a onclick="OnClickButton ('<?php echo $file;?>');" href="<?php echo $file;?>"><img style="width: 50px;" 
                            src="img/folderImg.png"></a>

                  </li>
                <?php } ?>
              <?php $cont++; endforeach ?>

这是在父页面

function nombre (nombre) {

        name = nombre;
        alert(nombre)

    }
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
    $(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight   : 400,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        afterClose  :   function() {

            if (name == 'folder 1') {
                $('.fancybox-thumb').fancybox().trigger('click');
            }
            if (name == 'folder 2') {
                $('.fancybox-thumb2').fancybox().trigger('click');
            }
            if (name == 'folder 3') {
                $('.fancybox-thumb3').fancybox().trigger('click');
            }

        }
    });
    });

Answer 1

我会尝试两种解决方案，我不知道在你的情况下是否可行，但非常可靠。

1) session 存储:

将sessionstorage与jquery结合使用，您可以保存参数并稍后在任何页面中使用它。

sessionStorage.setItem("nameofthestorage", yourvalue);

并获取保存的信息

var x = sessionStorage.getItem("nameofthestorage");

2)保存 php session :

我对 php 有点生疏，但你可以看看这个官方的简单指南 http://www.w3schools.com/php/php_sessions.asp