Javascript 如何在jquery中设置应该显示在fancybox中的内容的背景色?
我有一个构成fancybox内容的div。我需要改变的div的背景颜色,这是从fancybox的内容点击一个链接,这将弹出fancybox?如何在jquery中更改它Javascript 如何在jquery中设置应该显示在fancybox中的内容的背景色?,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,我有一个构成fancybox内容的div。我需要改变的div的背景颜色,这是从fancybox的内容点击一个链接,这将弹出fancybox?如何在jquery中更改它 /* Href */ <a href="#" id="link">click here</a> /* FancyBox */ $('#link').on('click', function(e) { e.preventDefault();
/* Href */
<a href="#" id="link">click here</a>
/* FancyBox */
$('#link').on('click', function(e) {
e.preventDefault();
$.fancybox({
'autoScale' : false,
'autoSize' : false,
'autoDimensions': false,
'titleShow' : false,
'padding' : 0,
'overlayOpacity': '.8',
'overlayColor': '#333',
'transitionIn': 'none',
'transitionOut': 'none',
'centerOnScroll': true,
'showCloseButton': true,
'closeBtn' : true,
'scrolling' : true,
'height': 'auto',
'width': 120,
'minHeight' : 160,
'minWidth' : 10,
'maxWidth' : 780,
'type':'ajax',
'href' : 'url/something.html',
helpers : {
overlay : {closeClick: false}
},
'beforeShow' : function(){
var closer = $('button.buttonCTW');
closer.on('click', function() {
$.fancybox.close();
});
$.fancybox.update();
},
});
});
因为你没有发布任何代码。。这只是在黑暗中拍摄,但这应该可以做到: 小提琴:
您可以在显示花式方框之前设置其背景色
$('.fancybox').fancybox({
beforeShow: function() {
$('fancybox-skin').css('background-color', 'red');
}
});
发布相关代码。在beforeShow中更改css如何?抱歉,我之前没有发布任何代码。我已经试过这个选项了。由于fancybox的内容在单击事件时不会出现在dom中,因此我们无法更改它的css。
$('.fancybox').fancybox({
beforeShow: function() {
$('fancybox-skin').css('background-color', 'red');
}
});