###前提・実現したいこと
googleAPIのサービスが終了したため、jqueryでRSSを取得してこようとしているのですが、
やり方がよく分かりません。
ネットに落ちている方法でやっているのですが中々うまくいかず困っています。
サイトはwpでできています。が、wpを入れていないサイトも崩れているところがありますのでphpを関与せずに表示させたいと思っております
###発生している問題・エラーメッセージ
jqueryを入れても動きません・・・
エラーメッセージ
###該当のソースコード
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.1.1.min.js"></script> <script type="text/javascript"><!-- $(function(){ // Set URL var maxFeed = 10; var urls = [ 'http://fukuoka-roudoukyoku.jsite.mhlw.go.jp/rss/fukuoka-roudoukyoku-news.xml', 'http://fukuoka-roudoukyoku.jsite.mhlw.go.jp/rss/fukuoka-roudoukyoku-event.xml' ]; // Get RSS var arrFeed = new Array(); var cntFeed = 0; for ( var urlCnt = 0; urlCnt < urls.length; urlCnt++ ){ $.ajax({ url : urls[urlCnt], dataType : 'xml', success : function(xml) { // Get Feed $(xml).find('item').each(function(){ var title = $(this).find('title').text(); var link = $(this).find('link').text(); var date = $(this).find('pubDate').text(); // Date Format date = getFormatDate(date); // Set Array arrCnt = arrFeed.length; arrFeed[arrCnt] = new Array(); arrFeed[arrCnt]['date'] = date; arrFeed[arrCnt]['feed'] = '<dl><dt><a href="' + link + '">' + date + '</a></dt><dd><a href="' + link + '">' + title + '</a></dd></dl>'; }); cntFeed++; exeDispFeed(); }, error : function() { // Error //$('#disp_area').append('<p>Not Read Feed</p>'); cntFeed++; } }); } // Feed Disp Function var exeDispFeed = function(){ // Feed Disp if (cntFeed >= urls.length) { // Sort arrFeed.sort(function(a, b) { return (a.date > b.date) ? -1 : 1; }); // Disp for ( var feedCnt = 0; feedCnt < arrFeed.length; feedCnt++ ){ if (maxFeed <= feedCnt) { return; } $('#disp_area').append(arrFeed[feedCnt]['feed']); } } }; // Day Format var getFormatDate = function(date){ var getDate = new Date(date); var year = getDate.getFullYear(); var month = getDate.getMonth() + 1; month = ('0' + month).slice(-2); var day = getDate.getDate(); day = ('0' + day).slice(-2); var dispDate = year + '/' + month + '/' + day + '/'; return dispDate; }; }); --></script>
表示させたいところにiDを入れています。
<dl id="disp_area">
</dl>
###試したこと
フッターphpに書いています。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー