从第一个fancybox类型iframe Codeigniter内的链接打开第二个fancybox类型iframe

从第一个fancybox类型iframe Codeigniter内的链接打开第二个fancybox类型iframe,codeigniter,fancybox,fancybox-2,Codeigniter,Fancybox,Fancybox 2,我使用了fancybox v2.1.5。 我有一个布局弹出窗口,用于加载这些FancyBox的内容。两个FancyBox的内容是CodeIgniter中的两个视图文件 步骤1:从第页我有一个按钮弹出第一个fancybox(输入iframe) 步骤2:从第一个fancybox,我有一个链接,可以弹出第二个fancybox(键入iframe) 我完成了第一步 请告诉我如何执行步骤2! 代码布局\u弹出窗口: <a id="addmore" class="hand-pointer" onclic

我使用了fancybox v2.1.5。
我有一个布局弹出窗口,用于加载这些FancyBox的内容。两个FancyBox的内容是CodeIgniter中的两个视图文件
步骤1:从第页我有一个按钮弹出第一个fancybox(输入iframe)
步骤2:从第一个fancybox,我有一个链接,可以弹出第二个fancybox(键入iframe)
我完成了第一步
请告诉我如何执行步骤2! 代码布局\u弹出窗口:

<a id="addmore" class="hand-pointer" onclick="add_more();">Add more product...</a>
<script type="text/javascript">
    function CreateFancyBox(selector, url, width, height) {
        $(selector).fancybox({
            'href': url,
            'titleShow'         : false,
            'titlePosition'     : 'none',
            'openEffect'        : 'none',
            'closeEffect'       : 'none',
            'openSpeed'         : 'fast',
            'type'              : 'iframe',
            'padding'           : 0,
            'preload'           : true,
            'width'             : width,
            'height'            : height,
            'fitToView'         : false,
            'autoSize'          : false,
        }); 
}
    function add_more() {
        var url = base_url + 'ctl_product/add_more_product';
        CreateFancyBox('a#addmore', url, '50%', 205);
    }</script>  

下一个
我想当我点击第一个fancybox内的链接“下一步”,然后弹出显示的第二个fancybox。代码在另一个视图文件中包含第二个fancybox的内容,其代码仍在与第一个fancybox相同的div中

我该怎么办

我尝试将与layout_弹出窗口中的脚本相同的js脚本插入第一个fancybox,但没有得到任何结果。

要在iframe中打开的视图实际上是控制器中的一个方法。通过构建一个方法,您迈出了第一步。对于第二步(iframe),您只需构建另一个方法并从第一个方法调用第二个方法。我希望我用一种可以理解的方式说:D
以下是一个例子:

<?php if (!defined('BASEPATH')) die ('No direct script access allowed!');

class Custom extends CI_Controller
{
    function first_method() {
        // my code
        // ...
        // echo the first view file
    }

    function second_method() {
        // my code
        // ...
        // echo the second view file
    }
}

如果您使用的是
iframe
模式,fancybox内的任何链接仍将在fancybox内打开。您可以使用第二页中的方法
parent.$.fancybox.update()
,调整fancybox的大小以适应其内容。
<?php if (!defined('BASEPATH')) die ('No direct script access allowed!');

class Custom extends CI_Controller
{
    function first_method() {
        // my code
        // ...
        // echo the first view file
    }

    function second_method() {
        // my code
        // ...
        // echo the second view file
    }
}