Jquery 我不能在FancyBox里工作

HTML:

JS:

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
后加载：函数（）{
this.inner.append（“TEST
”）；
this.content='TEST2
'+this.content.html（）；
}
});
});

在上面，我在Firebug中得到一个错误：“this.inner未定义。”

我显然错过了一些东西，但我盯着它看太久了，看不清它是什么。任何帮助都将不胜感激

编辑： 谢谢你的建议

我试了每一个，都没有用。我最终放弃了我试图使用的方法，我只想调用一个div，并在其中设置我的内容样式

最终结果将类似于此处的HTML：。该示例中的JS不会被使用；这就是造成这场混乱的原因。

试试看

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox({
        afterLoad: function() {
            this.inner.append('<p>TEST</p>');
            this.content = '<p>TEST2</p>' + this.content.html();
        }
    });
});
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
后加载：函数（）{
$（“.fancybox”）[0]。内部.append（“TEST
”）；
//$（“.fancybox”）[0].content='TEST2
'+$（.fancybox”）[0].content.html（）；
}
});
});

而不是

这个.internal.append（“TEST
”）

try

$（this.html（“TEST
”）
您可能希望将此html注入fancybox窗口。
如果您没有使用te关键字
this
，请尝试
$（“#fancybox outer”）
请注意，这是未记录的使用。
这是一个由来已久的问题，但这可能对正在搜索的人有所帮助

尝试使用“
beforeShow
”回调，该回调在打开动画开始之前被调用

..
$（[href$='.jpg']、[href$='.png']、a[href$='.gif']）attr（'rel'，'gallery'）.fancybox({
openEffect:'无'，
closeEffect:'无'，
后加载：函数（）{
此。外部。前置（“”）；
this.outer.append（“”）；
}
});
您还没有将fabcybox添加到JSFIDLE cdn for fabcybox:
beforeShow
对我有效–允许我删除大量丑陋的代码，等待加载元素的存在
afterShow
似乎并没有像预期的那样工作
<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox({
        afterLoad: function() {
            this.inner.append('<p>TEST</p>');
            this.content = '<p>TEST2</p>' + this.content.html();
        }
    });
});
</script>

$(document).ready(function() {
    $(".fancybox").fancybox({
        afterLoad: function() {
            $(".fancybox")[0].inner.append('<p>TEST</p>');
            //$(".fancybox")[0].content = '<p>TEST2</p>' + $(".fancybox")[0].content.html();
        }
    });
});

 $("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox({
     openEffect: 'none',
     closeEffect: 'none',
     afterLoad: function () {
         this.outer.prepend('<a href="index.html"> <img src="img/logo.svg" class="logoShow"></a>');
         this.outer.append('<div id="btnExpand"><img src="img/nav_menu_expand.png" input type="submit"/></div>');
     }
 });