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的顏色框底部

回答

相關問題