jqm大拇指不能正確顯示

Question

我在對話框中有兩個列表 - 一個泡泡數列表和一個大拇指列表。泡泡計數列表看起來很好，但拇指列表顯示爲單獨的列表項目。

我不習慣寫HTML輸出這種方式，也許我失去了一些東西簡單。爲氣泡計數列表中的代碼是下面的「//電影文件夾分配給孩子」和拇指列表的代碼是下面的「//顯示圖像數，編碼URL路徑」：

private function _makeoutput($folder_index) { 

$html = ''; 

    $query = 'dir§'.$this->session->userdata('uid').'§'.$folder_index; 

    //api query, create listview for images 
    if($xml = $this->api->query($query)){ 
    $xml = simplexml_load_string($xml); 
    $html .= '<ul data-role="listview" data-inset="true" text-align:center;>'; 

    //assign movie folders to child 
    foreach($xml->COM->MOVIE_FOLDER as $child){ 
     $html .= '<li>'; 
     //count number of images in each root folder 
     $bubble_count = $child->MOVIE->count(); 
     $html .= '<a href="'.$child->attributes()->indexI.'" data-rel="dialog" data-transition="slide">'.$child->attributes()->nameS.'<span class="ui-li-count">'.$bubble_count.'</span></a>'; 
     $html .= ' </li>'; 
    } 
    $html .= '</ul>'; 

    //display image count, encode url/path 
    for($i = 0, $c = $xml->COM->MOVIE->count(); $i < $c; $i++){ 
     $html .= '<ul data-role="listview" class="ui-listview" data-inset="true">'; 
     $html .= '<li>'; 
     $html .= '<a> 
     <img src="https://[url]'.rawurlencode($this->_decode_path($xml->COM->MOVIE[$i]->attributes()->dbIcoFilename)).'" id="imgThumb" alt="'.$xml->COM->MOVIE[$i]->attributes()->nameS.'" /> 
     <h1>'.$xml->COM->MOVIE[$i]->attributes()->nameS.'</h1> 
     </a>'; 
     $html .= ' </li>'; 
     $html .= '</ul>'; 
    } 
    } 
    else{ 
    $data['output'] = $this->_makeoutput($folder_index); 
    } 
return $html; 
} 

Answer 1

第一關..爲什麼'私人'？

手頭的問題是你需要的for循環外的UL標籤否則你產生新的列表（這就是你看到的）：

$html .= '<ul data-role="listview" class="ui-listview" data-inset="true">'; 
for($i = 0, $c = $xml->COM->MOVIE->count(); $i < $c; $i++){ 

    $html .= '<li>'; 
    $html .= '<a> 
    <img src="https://[url]'.rawurlencode($this->_decode_path($xml->COM->MOVIE[$i]->attributes()->dbIcoFilename)).'" id="imgThumb" alt="'.$xml->COM->MOVIE[$i]->attributes()->nameS.'" /> 
    <h1>'.$xml->COM->MOVIE[$i]->attributes()->nameS.'</h1> 
    </a>'; 
    $html .= ' </li>'; 

} 
$html .= '</ul>'; 

Answer 2

的問題是，你正在創造新的UL爲每個圖像。在這個循環中：

 //display image count, encode url/path 
for($i = 0, $c = $xml->COM->MOVIE->count(); $i < $c; $i++){ 
    $html .= '<ul data-role="listview" class="ui-listview" data-inset="true">'; 
    $html .= '<li>'; 
    $html .= '<a> 
    <img src="https://[url]'.rawurlencode($this->_decode_path($xml->COM->MOVIE[$i]->attributes()->dbIcoFilename)).'" id="imgThumb" alt="'.$xml->COM->MOVIE[$i]->attributes()->nameS.'" /> 
    <h1>'.$xml->COM->MOVIE[$i]->attributes()->nameS.'</h1> 
    </a>'; 
    $html .= ' </li>'; 
    $html .= '</ul>'; 
} 

創建循環外UL，所以每個立放在同一個無序列表