Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jquery中设置应该显示在fancybox中的内容的背景色?_Javascript_Jquery_Fancybox - Fatal编程技术网

Javascript 如何在jquery中设置应该显示在fancybox中的内容的背景色?

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();

我有一个构成fancybox内容的div。我需要改变的div的背景颜色,这是从fancybox的内容点击一个链接,这将弹出fancybox?如何在jquery中更改它

/* 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');       
      }
 });