Javascript fancybox叠加显示两个元素

我需要帮助。我在一个展示照片的fancybox中或多或少地尝试了一下，然后在图片展示旁边使用facebook评论社交插件

在fancybox选项Javascript中，我有一个

$(".fancybox").fancybox({
 padding: 0,
    modal: true,
        helpers: {
        thumbs : {
                    width  : 50,
                    height : 50
                },
        buttons: {},

        },

    afterShow: function(){
        var descripcion = "<div class='texto1'><p>TEXTO1</p></div>"
        var comentarios = "<div class='texto2'><p>TEXTO2</p></div>;"
        $('#fancybox-overlay').append(comentarios);
        $('#fancybox-overlay').append(descripcion);

    },
    nextEffect: 'fade',
    prevEffect: 'fade'
}); 

$（“.fancybox”）.fancybox({
填充：0，
莫代尔：是的，
助手：{
拇指：{
宽度：50，
身高：50
},
按钮：{}，
},
afterShow:function（）{
var description=“TEXTO1
”
var comentarios=“TEXTO2
”
$（'fancyboxoverlay'）.append（comentarios）；
$（“#fancybox overlay”）.append（description）；
},
下一个效果：“褪色”，
效果：“褪色”
}); 

---

问题是它不会让我同时显示这两件事的叠加，只有一件或另一件…：我们有什么解决方案，你可以把两者都展示出来吗？如果我清楚地了解您希望它做什么，请提前向您表示感谢：

afterShow: function(){
    var descripcion = '<div class="texto1"><p>TEXTO1</p></div>';
    var comentarios = '<div class="texto2"><p>TEXTO2</p></div>';
    $('#fancybox-overlay').append(descripcion, comentarios);
}

afterShow:function（）{
var description='TEXTO1
'；
var comentarios='TEXTO2
'；
$（“#fancybox overlay”）.append（description，comentarios）；
}

注意语法错误。。。然后，您可以创建一个包装器，在fancybox中插入新文本

<div class='wrapText'></div>

。。。然后使用

beforeShow

回调将其预先添加到fancybox内容

$(".fancybox").fancybox({
    beforeShow: function () {
      var descripcion = "<div class='texto1'><p>TEXTO1</p></div>";
      var comentarios = "<div class='texto2'><p>TEXTO2</p></div>";
      $("<div class='wrapText'>" +descripcion+comentarios+ "</div>")
        .prependTo( this.inner );
    }
});

$（“.fancybox”）.fancybox({
beforeShow:函数（）{
var description=“TEXTO1
”；
var comentarios=“TEXTO2
”；
$（“”+Description+comentarios+“”）
.prependTo（此为内部）；
}
});

---

是的，我希望同时向我展示两项任务，但我不知道为什么只有最后一项任务完成了。我已经尝试了你的解决方案，但我没有工作，只显示了一个变量twoot about

$（“#fancybox overlay”）.append（description+comentarios）带$（'#fancybox overlay'）.append（description+comentarios）；不起作用。它只显示了最后一个变量：var a=“Hola
Adios”$（#fancybox overlay'）.html（a）；我能想到的最后一件事是使用美元符号
.append（$（Description），$（comentarios））
定义变量
Description
和
comentarios
时出现语法错误。。。每个都应该用分号
关闭。。。第一个缺少，第二个在引号内。感谢您的解决方案。我已经在我的代码中复制了您的示例，以便在我的项目中对其进行测试，但是文本没有显示：S，但是在您的演示中是的。另一方面，我想指定我的意图是将每个文本插入到两个不同的css中style@berti：你的问题是关于如何在fancybox中插入两个元素，这在这个答案中得到了演示（这两者之间有一个细微的区别，不可能，我做不到；）。。。。如果您想以不同的方式设置每个文本的样式（这不是问题的一部分），请使用选择器
texto1
和
texto2
设置它们自己的css样式。（Para mi，esta pregunta esta competicata por lo que te sugiero Gracias）非常感谢，事实上问题出在CSS中，请原谅我的失误，我不知道要获得有效的响应，我应该单击该棒，对不起。我是这个论坛的新手。我真诚地感谢你的帮助，并为我的英语感到抱歉
$(".fancybox").fancybox({
    beforeShow: function () {
      var descripcion = "<div class='texto1'><p>TEXTO1</p></div>";
      var comentarios = "<div class='texto2'><p>TEXTO2</p></div>";
      $("<div class='wrapText'>" +descripcion+comentarios+ "</div>")
        .prependTo( this.inner );
    }
});