如何将一个按钮添加到彩色框的底部

我是新来的彩盒。我想向我的颜色框添加一个按钮（因为我想用一个“关闭”按钮来替换颜色框中的X按钮）。在this tutorial之后（我不需要社交媒体按钮，只是一个简单的“关闭”按钮），我写/尝试了下面的代码。但它没有添加按钮的颜色框。我错过了什么？如何将一个按钮添加到彩色框的底部

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"); 
    }, 
});

来源

2013-08-22 bernie2436

一般意义上，看起来像你的彩盒没有提及你的按钮。我的想法是：如果#cboxContent在$ .colorbox代码后面出现，则应该在$ .colorbox之后添加代码 – caoglish

的“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; 
}

来源

2013-08-22 02:17:01

如何将一个按钮添加到彩色框的底部

回答

相关问题