使用 jQuery 为 iPad 等移动设备解析 XML

Question

我已经使用 jQuery 构建了一个 Web 应用程序，它可以在计算机上的浏览器中完美运行，但我终生无法让它在我的移动 iPad 上运行。它是网站的关键部分，预计会有大量来自移动设备的流量，所以我真的需要它来工作。我对编程非常陌生，因此感谢您提供任何帮助以使其正常工作:)。谢谢！

我在 Drupal 中工作以布置我的网站，因此写出 jQuery 而不是 $ 符号。如果我不写出来，javascript 将无法工作。

这是在计算机上运行的网络应用程序：

http://www.famousartistprints.com/content/select-house-design

代码如下：

    <div id="settingHeight"><ul data-role="listview" id="list" class="tilelist" > </ul><div>

     jQuery(document).ready(function() {
     jQuery.get('http://www.famousartistprints.com/xml/designs.xml',function(data){

         jQuery(data).find('slide').each(function(){
                var slide = jQuery(this);
                var caption = slide.find('caption').text();
                var source = slide.find('source').text()
                var html = '<li class="mySlides"><a href="' + caption + '_Letterpress_Wedding_Invitation"><img src="/sites/aerialist.localhost/files/images/selectThumbs/' + source + '"/><p>' + caption + '</p><a>';      
                 jQuery('#list').append(html);
                   jQuery('#list').hide();
                jQuery('#list').fadeIn(800);
    });
    return false;
});
});

Answer 1

这可能是因为不同的浏览器处理语法错误的方式，你的代码有。

即使您在桌面上运行此程序，请注意浏览器控制台会在第 584 行告诉您语法错误。修复此问题，您应该没问题。