2013-03-06 32 views
4

我想知道是否可以更改colorbox中的div訂單?我只是問,因爲cboxTitle-div在cboxContent-div內。但我希望cboxTitle-div位於colorbox-div的內部。更改彩盒中的div-order?

從這個...

<div id="cboxContent"> 
    <div id="cboxTitle"></div> 
</div> 

這個...

<div id="colorbox"> 
    <div id="cboxTitle"></div> 
    <div id="cboxContent"></div> 
</div> 

誰能幫我解決這個問題還是沒有人知道另一種選擇? TIA。

+0

不應該改變你的PHP嗎? – Renaissance 2013-03-06 03:21:06

+0

Colorbox使用自己的js庫。在正常情況下,如果您想更改堆疊順序和類似內容,則不應修改該文件。所以我最初的想法是,如果有另一種方式來實現這個目標而不修改js文件。 – drpelz 2013-03-06 03:25:12

+0

ahhaaaa ...它是一個插件。我沒有用過它。沒有選擇顯示? – Renaissance 2013-03-06 04:13:16

回答

3

你可以寫的jQuery的一條線,將解決這一和移動元素:

$("#cboxTitle").appendTo("#colorbox"); 
+0

謝謝。:)我很累,明天我會檢查一下。我希望它能起作用! – drpelz 2013-03-06 03:32:22

+1

沒問題。睡得安穩! – Benjiman 2013-03-06 03:33:56

+0

Works!:)你保存了我的一天!:D代碼看起來像這樣: onComplete:function(){ \t $(「#cboxLoadedContent」)。appendTo(「#cboxContent」); \t \t \t } – drpelz 2013-03-06 20:04:47

1

不知道你爲什麼會想這樣做,但你可以使用jQuery與append方法重新安排它

$('body').append('<div id="colorbox"></div>'); 

$('#colorbox').append($('#cboxTitle')); 
$('#colorbox').append($('#cboxContent'));