Jquery 如何在颜色框底部添加按钮

我是新来的彩盒。我想在我的颜色框中添加一个按钮（因为我想用一个显示“关闭”的按钮替换颜色框中的X按钮）。下面（我不想要社交媒体按钮，只是一个简单的“关闭”按钮），我编写/尝试了以下代码。但它并没有将按钮添加到颜色框中。我错过了什么

var myButtonVar = '<div id="myButton">Button Text</div>';
jQuery("#cboxContent").append('<div id="buttons">' + myButtonVar +'</div>'); 

$.colorbox({width:"30%", inline:true, href:"#inline_content",
    onClosed: function() {
        alert("closing");
    },
});

var myButtonVar='按钮文本'；
jQuery（“#cboxContent”）.append（“”+myButtonVar+“”）；
$.colorbox（{宽度：“30%”，内联：true，href:“#内联内容”，
onClosed:function（）{
警报（“关闭”）；
},
});

x是一个显示“关闭”的按钮——它只是有一些CSS样式，可以缩小它，缩进文本使其不可见，并添加背景图像。您可以使用以下CSS撤消这些操作，并添加一些样式：

#cboxClose {
    background: none;
    text-indent: 0px;
    width: 40px;
    border: 1px solid;
    height: 15px;
    margin-top: 3px;
}

如果您有一个分组的颜色框，那么箭头将妨碍新样式按钮的使用，因此您必须将其向左移动，如下所示：

#cboxPrevious {
    right: 64px;
}
#cboxPrevious {
    right: 42px;
}

如果您有幻灯片放映，您可能还需要快速移动播放/暂停按钮：

#cboxSlideshow {
    right: 84px;
}

---

从一般意义上说，你的颜色框似乎没有提及任何与你的按钮。我的想法是：如果#cboxContent位于$.colorbox代码之后，那么应该在$.colorbox代码之后添加代码