2010-11-03 78 views
1

我已經通過這個論壇搜索高和低,到目前爲止我沒有看到答案。而且,我想我開始迷失了自己的想法。花式框 - 如何刷新DIV上的模式窗口關閉

可能我只是想念它,因爲我不是程序員。 我是一個視覺設計師,通常可以安裝預先編寫的代碼,而不需要太多的難度。而且,事實上,我已經安裝了FancyBox,並使其運行良好 除了一個小問題,我非常需要幫助。

我正在使用ColdFusion編寫的動態生成頁面。 頁面上的三個div包含打開編輯屏幕的FancyBox鏈接。 編輯完成後,用戶關閉FancyBox模式,需要在父頁面上反映更改 。

對,所以我能夠找到刷新整個頁面

'onClosed' 的解決方案:函數(){ parent.location.reload(真); } });

如何,哦,我怎麼能得到的只是一個DIV刷新「onClosed」作爲 並列整個頁面??????

回答

1

有幾種方法可以做到這一點。

一種方法是使用函數獲取div的內容。這個函數會執行一個ajax調用來獲取內容,比如這個函數被稱爲getcontent();您的語法將如onClosed': function() { getcontent(); }

更好的方法是獲取編輯的內容並將其推送到div中。假設你在編輯器保存後設置了一個帶有內容的變量文本,之後你可以將這個變量推入div中onClosed': function() { $('#divid').html(yourvar); }

我必須說這兩種方法都不容易實現。也許如果你顯示你現在有的代碼,我們可以幫助你更多。

+0

右添,以及使用的fancybox jQuery和加載它自己的「圖書館」的ID。 每個調用fancybox的鏈接都有一個被引用的id,因此可以看到下面的代碼 – masterjack98 2010-11-04 00:32:44

+0

鏈接的ID不一定是content-div的id,所以你的回答沒有任何意義。您必須知道文本必須在哪個div中發佈,目前您只知道哪個鏈接激活了fancybox。 – Tim 2010-11-05 09:23:04

0

就在Tim身上,Fancybox使用jquery並加載它自己的「庫」。

調用的fancybox每個環節都有這被稱爲像這樣

<script type="text/javascript"> 

$(document).ready(function() { 
$("#link1").fancybox({ 
'titleShow'  : false, 
'width'    : '80%', 
'height'   : '80%', 
'autoScale'   : false, 
'transitionIn'  : 'none', 
'transitionOut'  : 'none', 
'type'    : 'iframe', 
'onClosed': function() { 
    parent.location.reload(true); } 
      }); 
}); 
    </script> 
+0

請修改您的問題以添加此附加信息。 「您的答案」框僅用於發佈答案,而不是評論或編輯。 – Jeff 2010-11-03 19:49:55