2014-06-05 37 views
0

我想讓json數據數組到JQM應用程序並根據它顯示顏色。這是我的json數組的鏈接; daily health 我的應用程序包含一個列表視圖。獲取JSON數據到jquery移動和進程

<div> 
     <ul data-role="listview"> 
      <li> 
      <a href="#pageone" data-transition="slideup"> 
       <img src="img/green.png"/> 
      Outstanding Debits 
      <span class="ui-li-count">5</span> 
      </a> 
      </li> 
      <li> 
      <a href="#pagethree" data-transition="slideup"> 
       <img src="img/red.png"/> 
      Claim Provisions 
      <span class="ui-li-count">1</span> 
      </a> 
      </li> 
      <li> 
      <a href="#pagefour" data-transition="slideup"> 
       <img src="img/dark_yellow.png"/> 
      Premium Income 
      <span class="ui-li-count">2</span> 
      </a> 
      </li> 
      <li> 
      <a href="#pagetwo" data-transition="slideup"> 
       <img src="img/green.png"/> 
      Sales Target Achievement- Month 
      <span class="ui-li-count">4</span> 
      </a> 
      </li> 
      <li> 
      <a href="#pagefive" data-transition="slideup"> 
       <img src="img/yellow.png"/> 
      Sales Target Achievement- Year 
      <span class="ui-li-count">3</span> 
      </a> 
      </li> 

      </ul> 
    </div> 

此列表有一個形象(IMG SRC = ...)我想顯示健康狀況的圖像(這些圖像有一個顏色的紅色,暗黃色,淡黃色,淡綠色,綠色)上,根據JSON數據。 (如果5則綠色,4淡綠色,3黃色,2深黃色,1紅色)Im新增JQM和Phonegap.please幫助

+0

任何想法?? ..... – san88

回答

1

在Json Success中,在啓動JQM頁面之前調用JavaScript函數。在根據Json數組的函數中,使用if條件將路徑添加到圖像URL。在JQM中,在頁面創建,初始化之前有事件.. JQM page eventsJQM events。所以在這些函數中,您可以操作DOM並更改圖像路徑。