デスクトップ サイトからモバイル サイトにコードをプルする必要がありますが、いくつかのエラーが発生しています。
XMLHttpRequest はhttp://brunswickchurch.org/youthを読み込めません。オリジンhttp://w5webdesigns.comは Access-Control-Allow-Origin で許可されていません。
ここにコードがあります
$.ajax({
url: "http://brunswickchurch.org/youth",
crossDomain: true,
success: function(data){
//console.log(data);
var content = $("#content-area", data )[0]; /// returns the 0th element of an array with 1 element
//console.log(content);
$(content).find('img').remove();
$(content).find('hr').remove();
$("#doane").html(content); // get that 1 element (the entire content-area div) and replace the doane div's content on this page
}
});
HTMLでの呼び出しは次のとおりです
<div data-role="content" data-theme="c">
<div id="doane">kjgflguif
<p>listen to the current sermon</p>
</div>
</div>
私はこれをSafariを搭載したMacで動作させましたが、WindowsまたはAndroidで動作させることができないようです。より良い方法はありますか。これを実現するためのクロスブラウザ互換性の高い方法はありますか?