2011-09-22 36 views
1

您好我有一個jpostpost-preview div替換爲完整的帖子。因爲我在PHP中遇到了一些麻煩,而不是替換兩個div,所以我需要在post-preview之後立即添加完整的帖子。如何編輯我的代碼添加(而不是替換)div的內容切換到其他div使用jQuery

在這種情況下,thepost div內容將具有該帖子的剩餘字符。

這是因爲我在PHP中遇到了substr和strip_tags的一些問題。

所以我的小提琴在這裏http://fiddle.jshell.net/r4F8Q/34/任何幫助表示讚賞。

回答

0

你可以把頁面上的內容和使用HTML標記來定義它的結構(例如跨度,P或DIV)。然後使用jQuery找到這些作品,並使用jQuery.html()來移動這些作品。

http://fiddle.jshell.net/r4F8Q/35/

var html = expanding 
     ? $content.html() 
     : $content.find('.intro').html(); 
    $display.html(html); 

或者,你可以使用jQuery來控制附加內容的可見性。

http://fiddle.jshell.net/r4F8Q/37/

$('.toggle').click(function(e) { 
    var $this = $(this); 
    var $content = $this.siblings('.post-content').find('.additional'); 
    var expanding = ($this.text() == '(expand)'); 
    var html = expanding 
     ? $content.show() 
     : $content.hide(); 
    $this.text(expanding ? '(collapse)' : '(expand)') 
    e.preventDefault(); 
}); 

或者,如果你真的不能讓你的PHP構建你的內容,你可以在東西介紹到jQuery.data()和摺疊時將數據內容救出來。

http://fiddle.jshell.net/r4F8Q/38/

$('.post-display').each(function() { 
    var $this = $(this); 
    $this.data('intro', $this.html()); 
}); 
+0

謝謝你的這些。我已經在我的網站上進行了測試並且完美地工作。我的問題是哪一個是最好的解決方案?我的意思是你更喜歡哪一個? – EnexoOnoma

+0

如果是我,我最初只會渲染部分內容,然後我會使用ajax下拉整篇文章,並使用html()替換部分內容。這保留了佈局並最大限度地降低了帶寬。 –

+0

我明白了......這是真的,這也許是最好的方法。我已經接受你的答案,再次感謝! – EnexoOnoma

0
$('#previewDiv').parent.append($(thePostDivFromPHP)) 
+0

我在我的小提琴上嘗試過它,但我無法使它工作... – EnexoOnoma