jQuery的WordPress動畫內容動畫

我一直在努力讓它在單擊文章的縮略圖時，內容在div中動畫。如果您點擊另一個div，內容會進行動畫備份，然後使用新內容進行動畫製作。內容將顯示在div theContainer中。jQuery的WordPress動畫內容動畫

目前它什麼都不做，但我相當確定它近在咫尺，只是在某個我從未見過的地方犯過一個愚蠢的錯誤。

直播：http://www.mathewhood.com/sitefiles 的jsfiddle：http://jsfiddle.net/YpHCq/

注： <?php the_post_thumbnail(); ?> - 顯示後的縮略圖 <?php the_title(); ?>（創建於WP職位時定義） - 顯示文章的標題 <?php the_content(); ?> - 顯示後

來源

2011-08-17 Mathew Hood

你不能在jsfiddle上運行''php''內容！可以說出你卡在哪裏，沒有人願意無所作爲的投票......我認爲你應該只因爲這個想法而受到懲罰！也許你可以設置賞金......下次考慮你的選擇！ –

這只是爲了展示循環是如何工作的，而不是發佈直線html，然後讓人們不明白我所指的內容等。我只知道很多人在這裏只是爲了upvotes，如果他們確實幫助我，我很樂意給他們。我不是說我會給他們任何人哈哈。我的問題是讓內容顯示和jQuery動畫。 –

也許他們在這裏爲upvotes，爲我stackoverflow是另一個PHP，Javascript，HTML書！我從我的答案和其他人的答案中學習每一天。 –

這是一個非常簡單的事情做的內容，使用下面的jQuery作爲一個開始：

$(thumb-nail).click(function(){ 
    $('.down').slideUp("fast").removeClass('down'); 
    $(this).parent().find(stuff-to-hide).slideDown("fast").addClass('down'); 
});

這裏檢查我的工作的例子 - http://jsfiddle.net/ajthomascouk/byWwk/

來源

2011-08-17 08:08:42 Alex

這不是我想要的。我想要的內容出現在div的內容，正如我所說:) 它也必須與WordPress的內容循環兼容。 –

這將與WordPress的循環兼容，你只需要調整它使用正確的ID /類。這是爲了朝正確的方向邁出一步，而不是確定的答案。 – Alex

嘗試註釋掉那些包含在您的jQuery在PHP中的碎片，因爲它們看起來是什麼導致頁面茹不正確。我還會將var的名稱從$ container更改爲更具特色的內容。

來源

2011-08-17 08:18:39

jQuery的WordPress動畫內容動畫

回答

相關問題