Jquery 合并';从iframe';在父级中打开';侧边标题';和';定制标题';在Fancybox中

Jquery 合并';从iframe';在父级中打开';侧边标题';和';定制标题';在Fancybox中,jquery,iframe,callback,fancybox,parent,Jquery,Iframe,Callback,Fancybox,Parent,我想在iframe的父页面中打开Fancybox,标题在右侧,并使用标题和图片描述 我设法使这三个想法与这些例子分开工作: 然而,我在合并这三个代码时遇到了困难。我正在使用Fancybox 2.1.7 在阅读了很多关于iframe中的父级和回调的帖子之后,我意识到我的问题可能是我需要使用的回调(在显示前和加载后)在iframe中的父级中不起作用 最后,我尝试将“来自iframe的父对象”和“右侧标题”加入到我的iframe页面中: $(document).ready(function ()

我想在iframe的父页面中打开Fancybox,标题在右侧,并使用标题和图片描述

我设法使这三个想法与这些例子分开工作:

然而,我在合并这三个代码时遇到了困难。我正在使用Fancybox 2.1.7

在阅读了很多关于iframe中的父级和回调的帖子之后,我意识到我的问题可能是我需要使用的回调(在显示前和加载后)在iframe中的父级中不起作用

最后,我尝试将“来自iframe的父对象”和“右侧标题”加入到我的iframe页面中:

$(document).ready(function () {
    $(".fancybox").click(function (e) {
        e.preventDefault();
        parent.$.fancybox({
            // $(".fancybox").fancybox({
            href: this.href,
            helpers: {
                title: null
            },
            beforeShow: function () {
                var html = '<span>' + this.title + '</span>';
                $('.fancybox-sidebar').append(html);
            },
            tpl: {
                wrap: '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"><div class="fancybox-sidebar"></div></div></div></div></div>'
            },
        }); // fancybox
    }); // click
}); // ready
但它不起作用。我是一个初学者,我想我知道需要做什么,但我不知道怎么做

这是一个本地主机项目。我在这里看到有人说这可能是一个问题,但由于这三个代码分别对我来说都很完美,我希望它不会


任何帮助都将不胜感激

问题似乎在这里:

helpers: {
        title: null
    },
parent.$.fancybox.click(function() { <------ what is this ?
    afterLoad: function () {
帮助程序:{
标题:空
},

parent.$.fancybox.click(function(){问题似乎在这里:

helpers: {
        title: null
    },
parent.$.fancybox.click(function() { <------ what is this ?
    afterLoad: function () {
帮助程序:{
标题:空
},

parent.$.fancybox.click(function(){谢谢,我会查看它。我使用记事本++谢谢,我会查看它。我使用记事本++