HTML:
<div class="left">
<a rel="group" href="images/reveal.jpg" title="Lorem ipsum dolor." class="fancybox"><img src="images/images3.jpg"></a>
<a rel="group" href="images/reveal2.jpg" title="Lorem ipsum dolor." class="fancybox"><img src="images/images1.jpg"></a>
<a rel="group" href="images/reveal3.jpg" title="Lorem ipsum dolor." class="fancybox"><img src="images/images2.jpg"></a>
</div>
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>
有了以上内容,我在 Firebug 中得到一个错误:“this.inner is undefined”。
我显然错过了一些东西,但我已经盯着这个太久了,看不到它是什么。任何帮助,将不胜感激。
编辑: 感谢您的建议。
我尝试了其中的每一个,但无济于事。我最终放弃了我尝试使用的方法,我只是要调用一个 div,并在那里设置我的内容。
最终结果将类似于此处的 HTML:http: //jsfiddle.net/NjNMC/。不会使用该示例中的 JS;这就是整个混乱局面的开始。