ブラウザがこのコードにヒットしたときに次のように無限スクロールを設定しています。
<nav id='page-nav'>
<a href='http://localhost:8888/plum/_pages/feeds_gen/feed2.php'></a>
</nav>
指定されたディレクトリに feed?.php ファイルがなくなるまで、連続する各 feed2.php、feed3.php、feed4.php などをロードします。無限スクロールの JavaScript は次のとおりです。
$container.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.item',
animate : false,
loading: {
msgText: '<i class="icon-th loadingicon"><p style="font-size:12px; font-family: Georgia,"Times New Roman",Times,serif;">loading...</p> </i>',
finishedMsg: '<i class="icon-ok loadingicon"><p style="font-size:12px; font-family: Georgia,"Times New Roman",Times,serif;">loaded</p></i>',
img: 'images/blank.png'
}
},
最後に、モーダルの html を次に示します。
<div class='yo'>
<div id='article6e96d894690f0b8189684405c57840c0' class='modal hide fade in bigModal' style='display: none;'>
<div class='modal-header'>
<a class='close' data-dismiss='modal'>×</a>
<h3>New Tax Code Most Progressive Since 1979. </h3>
</div>
<div class='modal-body'>
<p> 6 Jan 2013 | 9:00 pm CET</p>
Tax Code May Be the Most Progressive Since 1979<div readability="80"><p>Republicans resisted increasing tax rates and aimed for lower revenue targets, arguing that spending was the budget's prvere income-tax burden for people at a low level of income. It was actually kind of appalling," said Alan D. Viard, a tax expert at the American Enterprise Institute, a right-of-center research group in Washington. "Policy makers in both parties realized that was bad policy and started whittling away at it" by expanding credits and tinkering with tax rates.</p><p>After those changes and the new law, comparing average tax rates for poor households and wealthy households, 2013 might be the most progressive tax code since 1979. But economists cautioned that measuring progressivity is tricky. "It's not like there is some scientific measure of progressivity all economists agreed upon," said Leonard E. Burman, a professor of public affairs at Syracuse University. "People look at different numerical measures and they've changed in different ways at different income levels."</p><p>Mr. Viard said that over time the code had become markedly rich, even if I'm getting taxed much more than a low-income person" would be, Mr. Williams of the Tax Policy Center added.</p></div><a href='http://t.co/m6inGvk6' class='btn btn-success'>Source</a>
<a href='#' class='btn' data-dismiss='modal'>Close</a>
</div>
</div> <!--END YO -->
モーダル ボックスを起動する HTML は次のとおりです。
<a data-toggle='modal' id='article_button2' href='#article6e96d894690f0b8189684405c57840c0' >New Tax Code Most Progressive Since 1979.</a>
したがって、基本的に、<a data-toggle='modal' id='article_button2' href='#article6e96d894690f0b8189684405c57840c0' >New Tax Code Most Progressive Since 1979.</a>
次に、モーダルがポップアップするはずです。私が抱えている<nav>問題は、モーダルによってロードされたページがロードされないことですが、問題は、すべての feed2.php feed3.php などで HTML が適切に順序付けられていることです。
無限スクロールが feed2.php をロードするときにモーダルを表示させる別の方法はありますか?
皆様のご理解とご協力に感謝いたします。