jQuery的颜色框底部

我都在3天搜索，并不能找到答案
我尝试删除灰色区域在彩盒弹出的底部在那里的关闭按钮的位置，但我找不到路去做吧。我尝试添加删除导航和仍然存在的POPUP的底部我在灰色jQuery的颜色框底部

我使用此代码

<script language="JavaScript"> 
jQuery(document).ready(function(){ 
     // $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'}); 
     //$('#cboxClose').remove(); 
      $.fn.colorbox({scrolling:false, overlayClose:false, opacity:0.7, escKey:false, href:"#subscribe", 'open':true, 'inline':true, 'width':'auto', 'height':'auto'}); 
      $('#cboxClose').remove(); 

     } 
); 
</script>

来源

2012-07-30 Gabby Opencart Israel

你有一个演示网站，我可以看看区域？我已经从我正在使用的同一个$（'＃cboxClose'）。remove（）jQuery代码片段中的colorbox中移除了关闭按钮，并且除了正常的阴影边框外没有灰色区域内容。

[编辑] 啊！ @ Sudhir的答案促使我更仔细地检查你的代码 - 你没有像onLoad函数那样传递.remove（）代码，所以当该行运行时可能没有关闭按钮被删除 - 它可能还没有被创建！

不幸的是，我没有足够的代表给@ sudhir的正确答案添加评论，所以我不得不将它放在这里。

的@苏德赫的答案是

onLoad: function(){ 
    $('#cboxClose').remove() 
}

部分的重要组成部分。这只会在colorbox完全加载后运行，此时您应该有一个关闭按钮来删除。

来源

2012-07-30 11:17:32 Jon

我不知道其他人，但只是删除关闭按钮（你可以在colorbox构造函数中使用“closeButton：false”参数/值来做）不适用于我。我试图摆脱沿着colorbox底部运行的灰色/银色矩形框（控件容器）。关闭按钮被删除，但灰色的容器区域仍然存在。最后，我不得不创建2个新的PNG图像（边框的左侧和右侧），修改一个现有的PNG图像（colorbox-border.png）并修改colorbox CSS文件中的3行。所以，在这里就是你需要：

保存这些3个PNG图像，并将它们添加到您的图像目录（或地方）：

< <颜色框，边框底部left.png

< <颜色框，边框底部middle.png（有一个形象有！这是唯一的1X9像素）

< <颜色框，边框底部right.png

您还需要更新颜色框CSS文件。替换这3条线：

#cboxBottomLeft{width:14px; height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-controls.png) no-repeat 0 -32px;} 
#cboxBottomCenter{height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border.png) repeat-x bottom left;} 
#cboxBottomRight{width:14px; height:43px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-controls.png) no-repeat -36px -32px;}

...这些3行：

#cboxBottomLeft{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-left.png) no-repeat} 
#cboxBottomCenter{width:1px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-middle.png) repeat-x bottom left;} 
#cboxBottomRight{width:14px; height:9px; background:url([WHEREVER_UR_IMAGES_ARE]/colorbox-border-bottom-right.png) no-repeat}

不要忘记在CSS文件来改变png格式的名称，如果你不使用这些名称例如保存颜色框，边框底部-....

下面是结果的一个例子：

enter image description here

来源

2013-10-18 17:19:48 RTF

#cboxLoadedContent{} //remove the margin-bottom:20px;

它为我工作。

来源

2013-11-03 03:41:52 Ando

jQuery的颜色框底部

回答

相关问题