Cross XML不适用于jqm 1.4.0

时间:2014-02-24 21:10:32

标签: android xml json jquery-mobile jsonp

我遇到了jqm和cross xml2json的问题 我试图用ver 1.4.0更新我的jqm但是没有使用cross xml 这是问题所在,  这段代码运作良好

<html> 
    <head> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
    <script src="xml2json.js"></script>
    <script src="jquery.xdomainajax.js"></script>
    <script>

        /first.xml

        function xmlLoader(){
            $.ajax({
                url: 'http://news.google.com.eg/news?pz=1&cf=all&ned=ar_eg&hl=ar&output=rss',
                dataType: "xml",
                type: 'GET',
                success: function(res) {
                    var myXML = res.responseText;
                    // This is the part xml2Json comes in.
                    var JSONConvertedXML = $.xml2json(myXML);
                    $('#myXMLList').empty();
                    for(var i = 0; i < JSONConvertedXML.channel.item.length; i++){
                       title=JSONConvertedXML.channel.item[i].title;

                        $('#myXMLList').append('<li><a href="#"><img src="http://'+title+'" /></a></li>')
                    }
                    $('#myXMLList').listview('refresh');
                    $.mobile.hidePageLoadingMsg();
                }
            });
        }

        $( document ).delegate("#home", "pageshow", function() {
            $.mobile.showPageLoadingMsg();
            xmlLoader();
        });
    </script>
</head> 

<body> 
    <div data-role="page" id="home"> 
        <div data-role="header">
            <h1>Sample Cross Domain XML</h1>
        </div> 
        <div data-role="content">
            <ul data-role="listview" data-theme="c" id="myXMLList">

            </ul>
        </div> 
        <div data-role="footer">
            <a href="www.isgoodstuff.com" data-role="button">isGoodStuff.com</a>
        </div> 
    </div>
</body>
</html>

但是当我用:

更新我的jqm时
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

它有效吗,有什么帮助吗?

0 个答案:

没有答案