使用Jquery加載Jquery Accordion點擊按鈕後使用

Question

我正在使用JQuery UI Accordion，它可以很好地處理靜態內容。但是，當我從ajax休息服務調用加載手風琴的H3和Div標籤時。該數據被正確上來了，但手風琴是不是加載了

onSuccess: function (data) { 
     var results = data.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results; 
     var html = ""; 

     for (var i = 0; i < results.length; i++) { 
      html += "<div><h3><a href=\"#\">"; 
      html += results[i].Cells.results[3].Value; 
      html += "</a></h3><p>" 
      html += results[i].Cells.results[6].Value; 
      html += "</p></div>"; 
     } 
$("#results_accordion").accordion(); 

我的手風琴事業部是空的最初whihc我想從按鈕點擊上面的服務調用的數據來填充。

$("#results_accordion").accordion(); 

任何幫助？

Answer 1

$("#results_accordion").html(html).accordion(); 

你執行手風琴功能

Answer 2

這是一種被稱爲我的實際點擊事件之前，你應該先添加HTML內容到你的網頁..

function onclic(queryTerms) { 

Results = { 
    element: '', 
    url: '', 

    init: function (element) { 
     Results.element = element; 
     Results.url = someurl; 
    }, 

    load: function() { 
     $.support.cors = true; 
     $.ajax(
       { 
        url: Results.url, 
        method: "GET", 
        headers: { 
         "accept": "application/json;odata=verbose", 
        }, 
        success: Results.onSuccess, 
        error: Results.onError 
       } 
      ); 
    }, 

    onSuccess: function (data) { 
     var results = data.d.results; 
     var html = ""; 

     for (var i = 0; i < results.length; i++) { 
      html += "<div><h3><a href=\"#\">"; 
      html += results[i].Cells.results[3].Value; 
      html += "</a></h3><p>" 
      html += results[i].Cells.results[6].Value; 
      html += "</p></div>"; 
     } 


     Results.element.html(html); 
     $("#results_accordion").accordion(); 
    }, 

    onError: function (err) { 
     alert(JSON.stringify(err)); 
    } 
} 

Results.init($('#results_accordion')); 
Results.load(); 
$("#results_accordion").accordion(); 

}