0

我需要将 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>

“¶”是每个过程的分隔符号。我怎样才能附加那个lo listview？单独..我需要一些帮助谢谢

这是我的代码。不工作

$(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');
                   });


              });
4

1 回答 1

1

工作示例：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');
});

编辑 ：

要调试您的应用程序：

  1. 首先检查你的变量 split 有一个值

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

  2. 如果第 1 点正确，则检查 sting 是否成功拆分：

    var lines = split.split('¶');
alert(lines.length);
于 2013-04-29T07:40:17.993 回答