單獨列表視圖

有一部分我的XML響應，我需要放在不同的列表視圖與編號。這是響應單獨列表視圖

<Note> 
Cook pasta according to directions, chill in ice water, drain.¶Blanch broccoli in boiling water, chill in ice water, drain.¶Use ½ soy sauce to season the chicken, heat oil in no stick pan, brown chicken, and reduce heat and finish cooking.¶Don"t overcook! Slice chicken into 1" strips, turn and cut into ¼" pieces, place into bowl with other ingredients except dressing and soy sauce.¶Mix remainder of soy sauce into dressing and pour over pasta, chicken, and vegetables.¶Toss gently and serve immediately.¶You might like to leave the pasta, chicken, broccoli un-chilled and serve it semi-warm 
</Note>

的「¶」是每個程序的分離 - 符號。我怎樣才能追加這個列表視圖？ seperately ..我需要一些幫助，謝謝

這是我的代碼。不工作

$(req.responseText).find('NewDataSet').each(function(){ 
       var split = $(this).find('Note').text(); 
        var lines = split.split('¶'); 
        $.each(lines, function(key, line) { 
        $('#RecipeProc').append('<li><a href="#">' + line + '</a></li>'); 
         $('#RecipeProc').listview('refresh'); 
        }); 


       });

來源

2013-04-29 Keen-EGS

工作例如：http://jsfiddle.net/Gajotres/Z7uxZ/

HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>jQM Complex Demo</title> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
     <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
    </head> 
    <body> 
     <div data-role="page" id="index"> 
      <div data-theme="a" data-role="header"> 
       <h3> 
        First Page 
       </h3> 
       <a href="#second" class="ui-btn-right">Next</a> 
      </div> 

      <div data-role="content"> 
       <ul data-role="listview" data-theme="a" id="custom-listview"> 

       </ul> 
      </div> 

      <div data-theme="a" data-role="footer" data-position="fixed"> 

      </div> 
     </div>  
    </body> 
</html>

的Javascript：

$(document).on('pagebeforeshow', '#index', function(){  
    var split = 'Cook pasta according to directions, chill in ice water, drain.¶Blanch broccoli in boiling water, chill in ice water, drain.¶Use ½ soy sauce to season the chicken, heat oil in no stick pan, brown chicken, and reduce heat and finish cooking.¶Don"t overcook! Slice chicken into 1" strips, turn and cut into ¼" pieces, place into bowl with other ingredients except dressing and soy sauce.¶Mix remainder of soy sauce into dressing and pour over pasta, chicken, and vegetables.¶Toss gently and serve immediately.¶You maight like to leave the pasta, chicken, broccoli un-chilled and serve it semi-warm'; 

    var lines = split.split('¶'); 
    $.each(lines, function(key, line) { 
     $('#custom-listview').append('<li><a href="#">' + line + '</a></li>'); 
    }); 
    $('#custom-listview').listview('refresh'); 
});

編輯：

要調試你的應用程序：

首先檢查您的變量分裂有一個值

var split = $(this).find('Note').text(); 
alert(split); // or console.log(split);

如果點1是正確的，那麼檢查刺痛成功splited：
```
var lines = split.split('¶'); 
alert(lines.length); 
```

來源

2013-04-29 07:40:17 Gajotres

sir pleas e看到我的代碼。它不工作即時通訊基於您的代碼 – 2013-04-29 08:32:57

空是警報消息。 – 2013-04-29 08:46:53

在什麼時候？ 1或2？ – Gajotres 2013-04-29 08:47:52

單獨列表視圖

回答

相關問題