Question

我正在尝试根据数据库的结果构建动态jquery移动列表视图。我有以下代码：

<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$.ajaxSetup({ cache: false }); // This part addresses an IE bug.  without it, IE will only load the first number and will never refresh
setInterval(function() {
$('#results').load('./Display.php?id=100');
}, 3000); // the "3000" here refers to the time to refresh the div.  it is in milliseconds. 
});
// ]]></script>

和

<div id="results"></div>

Display.php有一个while循环

while($row = mysql_fetch_array($query)) {
    echo "{$row['title']}
    {$row['message']}
    {$row['datetime']}
    </br>
    ";              
}

目前这只是在.html和php页面上输出标题，消息和日期时间，但我想用它：

<ul data-role="listview" data-inset="true">
            <li><a href="index.html">
                <h3>Stephen Weber</h3>
                <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
                <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
                <p class="ui-li-aside"><strong>6:24</strong>PM</p>
            </a></li>
</ul>

我已经尝试了很多方法来实现这个功能，但似乎没有，我已经清理了while循环代码，所以它是这个问题的基础。有没有人设法做到这一点？通常我会通过foreach运行<li></li>，但这是不同的。任何帮助将不胜感激。

Answer 1

由于您正在构建listview，因此结果div应该是listview ...而不仅仅是div。所以我建议你放置

<ul data-role="listview" data-inset="true" id="results">
</ul>

代替你的

<div id="results"></div>

仅限初学者...... 那么你的php应该回应ul的内容。我的意思是这样的：

echo '<li><h3>'.$row['title'].'</h3><p><strong>'.$row['message'].'</strong></p></li>';

我没有测试它，但你应该。

JQUERY移动数据库结果检索列表视图

1 个答案: