如何添加一個函數調用到我的可摺疊並顯示函數的返回到可摺疊的文本塊

Question

我想這個功能

function list(){ 
    var html=" " 
    for(var i =0; i<movements.length;i++){ 
    html+=("<p>" + movements[i][0]+ " " + movements[i][1] + " " + movements[i][2] + "</p>")} 
    document.getElementById("listSpace").innerHTML = html; 
} 

增加了可摺疊的點擊和展示的list()返回到文本塊：

<div data-role="collapsible-set" id="myCollapsible"> 
       <div data-role="collapsible" data-collapsed="true" > 
        <h3> 
         10 Last movements 
        </h3> 
        <div data-controltype="textblock"> 
         <p> 
          <b id="listSpace"> 
           10 last movements 
          </b> 
         </p> 
        </div> 
       </div> 
    </div> 

Answer 1

做了一些改變你的代碼

function list() { 
    var html = " ", movements = [['10', 'next', 'movements'],['10', 'next', 'movements'],['10', 'next', 'movements']]; 
    for (var i = 0; i < movements.length; i++) { 
     html += ("<p>" + movements[i][0] + " " + movements[i][1] + " " + movements[i][2] + "</p>") 
    } 
    document.getElementById("listSpace").innerHTML = html; 
} 
$(document).ready(function() { 
    $('div[data-role="collapsible"]').click(list); 
}); 

退房fiddle