jQueryを使用してWebアプリケーションを構築しましたが、コンピューターのブラウザーで完全に機能していますが、モバイルiPadで機能させることはできません。これはWebサイトの重要な部分であり、モバイルデバイスからのトラフィックが多いと予想されるため、これを機能させる必要があります。私はプログラミングに非常に慣れていないので、これを機能させるために助けていただければ幸いです:)。ありがとう!
私はDrupalで自分のウェブサイトをレイアウトするために働いているので、$記号の代わりにjQueryが書き出されます。私がそれを書き出さないと、JavaScriptは機能しません。
これがコンピューター上で動作するWebアプリケーションです:
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;
});
});