用更多的內容代替手風琴佔位符

我目前正在建立一個基於成爲一個頁面網站的想法的網站。我現在有喜歡用更多的內容代替手風琴佔位符

<div id="right-content"> 
<div id="accordion"></div> 
</div>

在另一種觀點認爲我有一些Ajax用於填充#accordion與返回數據的主視圖，返回被放置在其唯一的獨特id'd div。我如何獲得這些數據來充當手風琴？我已經在右內容視圖和主視圖中嘗試了該腳本，並且沒有獲得手風琴功能。從本質上說什麼我現在有當一些數據已被提取爲這

<div id="right-content"> 
    <div id="accordion"> 
     <div class="blog"> 
      <h2>Blog Header</<h2><!--This should be the click area for the accordion--> 
      <p>Content content content content content content content content 
      content content content content content content content content content 
      content content content contentcontentcontent content content content</p> 
      <!--<p> should be hidden unless this accordion is active</p> 
    </div>

我想我的問題可能是每個「手風琴」被放置在自己的DIV首先，這不是它是如何在accordion例。

請有人可以幫我弄清楚這一點嗎？非常感謝

來源

2009-12-09 Udders

我認爲你需要調用'$（「＃手風琴」）手風琴（）;'後，你每次加載AJAX。你不能依靠在$（document）.ready（）中完成的一個調用來處理頁面加載完成後添加到頁面的新元素。 – Lukman 2009-12-09 11:16:44

您的HTML示例中有多個標記錯誤。缺少<div>的幾個結束標記。

您h2的關閉標籤是錯</<h2>而不是</h2>

所以我猜你真的是你的標記，看起來像這樣

<div id="right-content"> 
    <div id="accordion"> 
     <div class="blog"> 
      <!-- Note the additional <a> tag to get the accordion arrows --> 
      <h2><a>Blog Header</a></h2> 
      <p>Content content content content content content content content 
      content content content content content content content content 
      content content content content content content content content 
      </p> 
     </div> 
     <div class="blog2"> 
      <h2><a>Blog Header 2</a></h2> 
      <p>Content content content content content content content content 
      content content content content content content content content 
      content content content content content content content content 
      </p> 
     </div> 
    </div> 
</div>

現在你需要做的是指定正確的header選項。

$(document).ready(function() { 
    // run your ajax stuff 
    // when you are done inserting all the stuff 
    // run this (after ajax operations are completed) 
    $('#accordion').accordion({header:'h2'}); 
});

檢查這個http://jsbin.com/ubiwa的工作示例

來源

2009-12-09 11:22:53 jitter

用更多的內容代替手風琴佔位符

回答

相關問題