問題:リストからフィードを選択し、ボタンを押してホーム div に戻ると、jQuery はページ全体をリロードし、新しく選択した Web ページのタイトルのみ (フィードなし) が表示されます。デフォルトでは、別の div ページでこの特定のオプション (フィードの選択) を選択する前に、タイトル (「Reuters Oddly Enough News」) とフィードは問題なく表示されています。
<div data-role="page">
以下のコード</div>
<h4>Select a feed from the list below</h4>
<select id="menu">
<option value="http://feeds.reuters.com/reuters/oddlyEnoughNews">Reuters Oddly Enough News</option>
<option value="http://feeds.bbc.co.uk/iplayer/highlights/tv/list">BBC iPlayer TV Listing</option>
<option value="http://rss.cnn.com/rss/edition.rss">CNN News</option>
</select>
ティッカー アニメーション付きのメニューから RSS フィードを選択する:
<script type="text/javascript">
$(document).ready(function() {
setRSSFeed('#menu');
$('#menu').change(function() {
setRSSFeed(this)
});
function setRSSFeed(obj) {
var feedurl = $('option:selected', obj).val();
if (feedurl) {
$('#test').rssfeed(feedurl,{}, function(e) {
$(e).find('div.rssBody').vTicker();
});
}
}
});
</script>